偶实现的代码
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title></title>
<link rel="stylesheet" href="base.css" />
<script type="text/javascript" src="jquery-1.10.1.min.js" ></script>
</head>
<body>
<div style="height:10000px;"></div>
<style>.fix-center{ height:120px; width:219px; display:none; position:fixed; }</style>
<div id="fixCenter" class="fix-center">
<img src="fixCenter.jpg" width="219" height="120" usemap="#fixCenterMap">
<map name="fixCenterMap" id="fixCenterMap">
<area shape="rect" coords="175,0,219,30" href="javascript:void(0);" id="closeFixCenter" />
<area shape="rect" coords="0,30,219,94" href ="###1" target="_blank" />
<area shape="rect" coords="0,94,219,120" href ="###2" target="_blank" />
</map>
</div>
<script>
$(function(){
fixCenter();
});
function fixCenter(){
var fid = $('#fixCenter');
var h = $(window).height();
var w = $(window).width();
var l = (w/2) - parseInt(fid.css('width')) / 2;
var t = (h/2) - parseInt(fid.css('height')) / 2;
fid.css({'left': (l) + 'px', 'top': (t) + 'px' }).fadeIn(600);
$('#closeFixCenter').click(function(){
fid.fadeOut(600).delay(20000).fadeIn(600);
});
$(window).resize(function(){
h = $(window).height();
w = $(window).width();
l = (w/2) - parseInt(fid.css('width')) / 2;
t = (h/2) - parseInt(fid.css('height')) / 2;
fid.css({'left':(l) + 'px', 'top': (t) + 'px' });
});
}
</script>
</body>
</html>
结果群友（小硕）实现更短的代码：
function fixCenter(){
var fid = $('#fixCenter');
var h = $(window).height();
var w = $(window).width();
var l = (w/2) - parseInt(fid.width()) / 2;
var t = (h/2) - parseInt(fid.height()) / 2;
fid.css({'left': (l) + 'px', 'top': (t) + 'px' }).fadeIn(600);
$('#closeFixCenter').click(function(){
fid.fadeOut(600).delay(20000).fadeIn(600);
});
$(window).resize(function(){
h = $(window).height();
w = $(window).width();
l = (w/2) - parseInt(fid.width()) / 2;
t = (h/2) - parseInt(fid.height()) / 2;
fid.css({'left':(l) + 'px', 'top': (t) + 'px' });
});
}
效果图：
相关推荐
最简单的滚动到（scrollto）插件，功能少，jquery代码少，逻辑简单，一看就明白。这种简单的jquery插件有时候还是蛮有用的。 这个最简单的jquery滚动到插件你灵活运用一下就有多种玩法，比如，可以做出 滚动到顶部...
globalmousekeyhook InputSimulator
免费JAVA毕业设计 2024成品源码+论文+录屏+启动教程 启动教程：https://www.bilibili.com/video/BV1SzbFe7EGZ 项目讲解视频：https://www.bilibili.com/video/BV1Tb421n72S 二次开发教程：https://www.bilibili.com/video/BV18i421i7Dx
基于麻雀搜索算法优化SVR回归预测模型：以身体脂肪含量数据集的精准预测为研究对象,基于麻雀搜索算法优化SVR回归预测模型 输入不限，单输出 数据选用：身体脂肪含量数据集 针对SVR回归预测模型采用麻雀搜索算法 ,基于麻雀搜索算法; SVR回归预测模型优化; 身体脂肪含量数据集; 算法优化SVR模型,基于麻雀搜索算法优化SVR预测身体脂肪含量模型
1、文件内容：perl-Net-DNS-Nameserver-0.72-6.el7.rpm以及相关依赖 2、文件形式：tar.gz压缩包 3、安装指令： #Step1、解压 tar -zxvf /mnt/data/output/perl-Net-DNS-Nameserver-0.72-6.el7.tar.gz #Step2、进入解压后的目录，执行安装 sudo rpm -ivh *.rpm 4、安装指导：私信博主，全程指导安装
1、文件内容：perl-Class-Singleton-1.4-14.el7.rpm以及相关依赖 2、文件形式：tar.gz压缩包 3、安装指令： #Step1、解压 tar -zxvf /mnt/data/output/perl-Class-Singleton-1.4-14.el7.tar.gz #Step2、进入解压后的目录，执行安装 sudo rpm -ivh *.rpm 4、安装指导：私信博主，全程指导安装
C++-example-数组奇偶数分离.rar
免费JAVA毕业设计 2024成品源码+论文+录屏+启动教程 启动教程：https://www.bilibili.com/video/BV1SzbFe7EGZ 项目讲解视频：https://www.bilibili.com/video/BV1Tb421n72S 二次开发教程：https://www.bilibili.com/video/BV18i421i7Dx
JAVA**
免费JAVA毕业设计 2024成品源码+论文+录屏+启动教程 启动教程：https://www.bilibili.com/video/BV1SzbFe7EGZ 项目讲解视频：https://www.bilibili.com/video/BV1Tb421n72S 二次开发教程：https://www.bilibili.com/video/BV18i421i7Dx
自然语言处理导论+网络预览版(张奇)
一个使用 C++ 结合 DeepSeek 相关功能的源码，模拟一个简单的问答场景，使用 DeepSeek 模型来回答用户提出的问题。 实现思路 模型和分词器加载：利用 libtorch 加载 DeepSeek 模型，使用 tokenizers-cpp 加载对应的分词器。 问题处理：对用户输入的问题进行分词和编码，转化为模型可处理的张量形式。 模型推理：将编码后的问题输入到模型中进行推理，获取预测结果。 结果解码：把模型输出的结果解码为可读的文本。 环境准备 安装 PyTorch C++ 库（libtorch）：从 PyTorch 官方网站 下载适合你系统的预编译版本。 安装 tokenizers-cpp：可以从其 GitHub 仓库 获取并编译安装。
,三菱FX3U ST语言程序模板 1 程序采用三菱FX3U的PLC编写。 2 触摸屏是台达 3 程序由以下部分组成 3.1 开机准备 3.2 复位 3.3 加热控制 3.4 暂停控制 3.5自动运行 3.6 生产管理 3.7节控制 3.8自动紧急停止 3.9 手动程序 3.10 手动复位 3.11 程序输出 3.12 气缸报警 3.13 密码管理 3.14 辅助控制 如果你是初学者，不建议去看。 如果你有一定的经验，可以更一步的提高技术。 为以后做运控控制卡，运动控制器做好基础。 是一个很不错的程序。
免费JAVA毕业设计 2024成品源码+论文+录屏+启动教程 启动教程：https://www.bilibili.com/video/BV1SzbFe7EGZ 项目讲解视频：https://www.bilibili.com/video/BV1Tb421n72S 二次开发教程：https://www.bilibili.com/video/BV18i421i7Dx
1.版本：matlab2014/2019a/2024a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。
JavaEE
1、文件内容：perl-Module-Implementation-0.06-6.el7.rpm以及相关依赖 2、文件形式：tar.gz压缩包 3、安装指令： #Step1、解压 tar -zxvf /mnt/data/output/perl-Module-Implementation-0.06-6.el7.tar.gz #Step2、进入解压后的目录，执行安装 sudo rpm -ivh *.rpm 4、安装指导：私信博主，全程指导安装
1、文件内容：perl-Image-Xbm-1.08-21.el7.rpm以及相关依赖 2、文件形式：tar.gz压缩包 3、安装指令： #Step1、解压 tar -zxvf /mnt/data/output/perl-Image-Xbm-1.08-21.el7.tar.gz #Step2、进入解压后的目录，执行安装 sudo rpm -ivh *.rpm 4、安装指导：私信博主，全程指导安装
1、文件内容：perl-HTTP-Date-6.02-8.el7.rpm以及相关依赖 2、文件形式：tar.gz压缩包 3、安装指令： #Step1、解压 tar -zxvf /mnt/data/output/perl-HTTP-Date-6.02-8.el7.tar.gz #Step2、进入解压后的目录，执行安装 sudo rpm -ivh *.rpm 4、安装指导：私信博主，全程指导安装