演示图：

特效说明：

一款JS鼠标滑过展示大图详细信息网页特效，默认图片列表均匀显示摘要信息，鼠标划入当前图片显示详细信息，其他图片收回显示摘要信息提示。（兼容测试：IE6及以上、Firefox、Chrome、Opera、Safari、360等主流浏览器）

使用方法：

1、调用CSS样式：
<link rel=”stylesheet” href=”_common/css/main.css” type=”text/css” media=”all”>
<link href=”css/imageMenu.css” rel=”stylesheet” type=”text/css” />

2、调用JS插件代码：
<script type=”text/javascript” src=”_common/js/mootools.js”></script>
<script type=”text/javascript” src=”js/imageMenu.js”></script>

3、添加HTML代码：
将<!–效果html开始–>……<!–效果html结束–>之间的html和js代码；放在<body></body>之间。

4、初始化代码：
<script type=”text/javascript”>
window.addEvent(‘domready’, function(){
var myMenu = new ImageMenu($$(‘#imageMenu a’),{openWidth:310, border:2, onOpen:function(e,i){window.open(e);}});
});
</script>

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。