jquery鼠标滑过显示层小图显示大图功能多少钱

来源：蜘蛛抓取(WebSpider) 时间：2015-05-24 10:29 标签： 鼠标移到小图显示大图
ecshop鼠标滑过小图切换大图功能_百度文库
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
评价文档：
喜欢此文档的还喜欢
ecshop鼠标滑过小图切换大图功能
阅读已结束，如果下载本文需要使用
想免费下载本文？
把文档贴到Blog、BBS或个人站等：
普通尺寸(450*500pix)
较大尺寸(630*500pix)
你可能喜欢求代码,鼠标经过边上的小图,中间显示大图_百度知道
求代码,鼠标经过边上的小图,中间显示大图
com/zhidao/wh%3D450%2C600/sign=657b665a718dae2f8561d42f/c83d70cf3bc79f3dda1cd,鼠标经过边上的小图.jpg" />如标题.jpg" target="_blank" title="点击查看大图" class="ikqb_img_alink"><img class="ikqb_img" src="http.hiphotoshttp.net/test/rock/photos://blog.snowinmay.net/test/rock/photos，给你看一下之前写过一个类似的案例
可不可以鼠标滑过图片就改变?
可以，那就把点击事件改成鼠标放上的事件即可！把onclick改成onmouseover即可！
上脚本之家搜搜，那有
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁js鼠标滑过小图显示大图效果 - 人生梦想起飞 - 博客园
posts - 147, comments - 1, trackbacks - 0, articles - 0
&style&#demo img{border:width:100height:100 margin-right:20}#enlarge_images{position:display:z-index:2;border:5px solid #f4f4f4}&/style&&div id="demo" style="overflow:height:100 width:1000"&&&img src="content/images/88888.png"&&img src="content/images/88888.png"&&img src="content/images/88888.png"&&/div&&div id="enlarge_images"&&/div&&script&var demo = document.getElementById("demo");var gg = demo.getElementsByTagName("img");var ei = document.getElementById("enlarge_images");for(i=0; i&gg. i++){&var ts = gg[i];&ts.onmousemove = function(event){& event = event || window.& ei.style.display = "block";& ei.innerHTML = '&img src="' + this.src + '" style=" width:200 height:200" /&';& ei.style.top& = document.body.scrollTop + event.clientY + 10 + "px";& ei.style.left = document.body.scrollLeft + event.clientX + 10 + "px";&}&ts.onmouseout = function(){& ei.innerHTML = "";& ei.style.display = "none";&}&ts.onclick = function(){& window.open( this.src );&}}&/script&dreamweaver鼠标经过一个小图片,在指定的地方出现此图片的大图和文字_百度知道
dreamweaver鼠标经过一个小图片,在指定的地方出现此图片的大图和文字
提问者采纳
文字可以用自带的属性alt=&&
但是要出现大图 貌似需要js
提问者评价
其他类似问题
dreamweaver的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁

我要回帖

更多关于 鼠标移到小图显示大图 的文章

 

随机推荐