如图
今天我做的是利用JQuery模拟这个效果
源码如下
复制代码 代码如下:
<head>
<script type="text/javascript" src="Js/jquery-1.4.1.js"></script>
<script type="text/javascript">
//假设data是从数据库取到的数据
var data = {"images/1_small.jpg":["images/1_big.jpg","内衣少女","主演:文咏珊,郑丽欣"],"images/2_small.jpg":["images/2_big.jpg","爱情陷阱","主演:金正勋,蔡琳"],"images/3_small.jpg":["images/3_big.jpg","源代码","主演:贾斯丁,克里斯丁娜"]};
$(function(){
$.each(data,function(key,value){
var smallimg = $("<img src='" + key + "'>");
smallimg.attr("bigmappath",value[0]);
smallimg.attr("personname",value[1]);
smallimg.attr("personheight",value[2]);
smallimg.mouseover(function(e){
$("#detailImg").attr("src",$(this).attr("bigmappath"));
$("#detailHeight").text($(this).attr("personheight"));
$("#detailName").text($(this).attr("personname"));
$("#details").css("top",e.pageY).css("left",e.pageX).css("display","");
});
$("body").append(smallimg);
});
});
</script>
</head>
<body>
<div style="display:none;position:absolute;" id="details">
<img id="detailImg" src="">
<p id="detailHeight"></p>
<p id="detailName"></p>
</div>
</body>
鼠标移动到小图上面效果图如下
相关推荐:
网站制作的步骤包括,正确网址格式怎么写?
网页设计制作网站模板图片,有没有值得推荐的免费PPT网站?
最好的网站制作公司,网购哪个网站口碑最好,推荐几个?谢谢?
乐山网站制作公司,乐山老年大学2025年怎么报名?
sql中all,any,some用法
西安专业网站制作公司有哪些,陕西省建行官方网站?
武汉网站如何制作,黄黄高铁武穴北站途经哪些村庄?
ppt制作免费网站有哪些,ppt模板免费下载网站?
Javascript createElement和innerHTML增加页面元素的性能对比
南京网站制作费用,南京远驱官方网站?
jQuery 使用手册(六)
如何制作新型网站程序文件,新型止水鱼鳞网要拆除吗?
jQuery与javascript对照学习 获取父子前后元素 实现代码
攀枝花网站建设,攀枝花营业执照网上怎么年审?
用jQuery技术实现Tab页界面之二
AJAX 客户端响应速度提高分析
,sp开头的版面叫什么?
网站图片在线制作软件,怎么在图片上做链接?
iisapp.vbs iis pid了解对应的网站或应用池
公司网站制作需要多少钱义乌,公司办个官网需要多少钱?
GIF动图制作网站免费,gif动图是怎么制作的?
asp.net coolite 删除时弹出确定按钮
服务器遭受arp欺骗的解决方法 <font color=red>原创</font>
JavaScript 控制文本框的值连续加减
javascript 判断某年某月有多少天的实现代码 推荐
系统存储过程sp_MSforeachtable和sp_MSforeachdb使用说明
免费制作统计图的网站有哪些,如何看待现如今年轻人买房难的情况?
扣代码工具 hta版
Oracle 创建用户及数据表的方法
seo网站制作优化,网站SEO优化步骤有哪些?
免费的流程图制作网站有哪些,2025年教师初级职称申报网上流程?
oracle 在一个存储过程中调用另一个返回游标的存储过程
制作网站的网址是什么,请问后缀为.com和.com.cn还有.cn的这三种网站是分别是什么类型的网站?
Mootools 1.2教程 Fx.Morph、Fx选项和Fx事件
网站专业制作公司,网站编辑是做什么的?好做吗?工作前景如何?
贸易公司网站制作流程,出口贸易网站设计怎么做?
javascript parseInt 大改造
成都网站制作报价公司,成都工业用气开户费用?
,广电啥时候能办手机卡?
找人制作网站多少钱,网上怎么找人帮忙?
无锡营销型网站制作公司,无锡网选车牌流程?
网页设计制作网站免费,都有哪些好的动漫网站?
公司网站制作需要多少钱,找人做公司网站需要多少钱?
,网站推广常用方法?
,制作一个手机app网站要多少钱?
廊坊网站制作企业,哪里有可以查询到大学教师信息的网站?
济南专业网站制作公司,济南信息工程学校怎么样?
商业网站制作公司,商业主页怎么创建?
重庆网站制作公司哪家好,重庆中考招生办官方网站?
我的世界制作壁纸网站下载,手机怎么换我的世界壁纸?