作家
登录

JS实现鼠标移动到缩略图显示大图的图片放大效果

作者: 来源:www.28hudong.com 2013-03-30 00:18:25 阅读 我要评论

一个网页上用的图片提示效果,当把鼠标移动到图片缩略图的时候,会显示图片大图,似乎在网上这是个很常见的效果,实现方法也比较多,有人用CSS,有人用JavaScript,有人用jQuery,总之,选择自己习惯的方式去实现,就是最棒的。 图片提示效果 body{margin:0 ;padding:40px;line-height:180%;} img{border:none;} ul,li{margin:0 ;padding:0;} li{list-style:none;display:inline; border:1px solid #999;float:left; margin-right:10px;} /*tooltip*/ #tooltip{position:absolute;border:1px solid #CCC;display:none;color:#FFF; padding:2px; background:#333;} 效果 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

  推荐阅读

  HTML复选框和单选框 checkbox和radio事件介绍

checkbox 和 radio的事件选择一度让我很迷惑。 开始以我对js的理解,我觉得change事件应该是最合理的,可惜啊ie下change事件是在改变后焦点离开时才触发。 后来就用click mousedown等鼠标事件代替。发现click比mou>>>详细阅读


本文标题:JS实现鼠标移动到缩略图显示大图的图片放大效果

地址:http://www.17bianji.com/kaifa2/JS/22824.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)