演示图:
特效说明:
一款带左右箭头及自动轮播jQuery幻灯片网页特效,该特效基于jquery-1.3.2.min.js和jqzoom.pack.1.0.1.js编写,适合产品图片、商业图片展示jquery放大器代码,兼容主流浏览器。(兼容测试:IE6及以上、Firefox、Chrome、Opera、Safari、360等主流浏览器)
使用方法:
1、调用CSS样式:
<link rel=”stylesheet” href=”css/jqzoom.css” type=”text/css”>
<link rel=”stylesheet” href=”css/jqzoom.css” type=”text/css”>
2、调用JS插件代码:
<script src=”js/jquery-1.3.2.min.js” type=”text/javascript”></script>
<script src=”js/jqzoom.pack.1.0.1.js” type=”text/javascript”></script>
3、添加HTML代码:
将<!–效果html开始–>……<!–效果html结束–>之间的html和js代码;放在<body></body>之间。
4、初始化JS代码:
<script type=”text/javascript”>
$(function() {
var options =
{
zoomWidth: 250, //放大镜的宽度
zoomHeight: 250,//放大镜的高度
zoomType:’reverse’
};
$(“.jqzoom”).jqzoom(options);
});
</script>
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
评论(0)