鼠标滑过显示大图片的JS代码
1. 在样式文件表中加载浮动框的样式要添加一个div了先
.border_preview {
text-align:center;
width:145px;
height:205px;
border:1px solid #CCC;
background:#ddd; z-index:500;
overflow:hidden;
position:absolute;
}
.preview_temp_load {
text-align:center;
vertical-align:middle;
height:385px;valign:middle;
}
2. 在前台页面加载脚本文件
<script src="preview_templates.js" language="JavaScript" type="text/javascript"></script>
<script src="loader.js" language="JavaScript" type="text/javascript"></script>
3. 设置需要显示的小图与弹出框的大图
<li><img src="images/2-a.jpg" style="height:380px width:380px;" onmouseover="showtrail('images/1-a.jpg', '', 750, 480);" onmouseout="hidetrail();"/></li>
分享到:
相关推荐
鼠标滑过图片出现大图片提示层效果js代码
一张图片实现鼠标滑过缩略图显示大图片JS代码
鼠标滑过小图看大图的素材及效果鼠标滑过图片出现大图片提示层效果js代码
鼠标滑过图片出现大图片提示层效果js代码
鼠标滑过出现提示层效果js代码 javascript
Javascript+CSS 鼠标滑过显示图片的新闻...基于Javascript+CSS的鼠标特效,当鼠标滑过新闻列表时会显示对应的图片,本代码已经过多次修正,兼容性好,调用超方便。而且设计美观,功能实用,有很多朋友都挺喜欢的哦。
jquery鼠标滑过显示二级下拉菜单代码,代码完成可运行。包括html, js, css.
原生js代码制作图片新闻列表自动切换鼠标滑过新闻标题显示新闻图片
jQuery鼠标滑过显示二级下拉菜单代码
js鼠标滑过标签选项卡切换代码
js鼠标滑过显示横向二级导航菜单代码
该程序能够实现鼠标滑过使图片变大的功能。网上好多类似程序都是用纯div实现的,该程序适合习惯使用表格的程序员。比较简单明了。
Js鼠标滑过标签选项卡切换代码是一款来自医院美容网站的js特效。
JavaScript实现的鼠标单击触发和鼠标滑过触发的tab标签页源码
基于原生js代码制作的图片新闻列表自动切换鼠标滑过新闻标题显示新闻图片特效源码.zip
jquery鼠标滑过闪光滑出标题是一款点击左右箭头,图片谈出消失,图片淡入显示。
jQuery鼠标滑过预览大图特效,在对图片需要放大显示的网站使用,使用的也很广泛