演示图:
特效说明:
一款MSClass插件左右滚动焦点图特效,带左右按钮,自动轮播及点击按钮切换焦点图。图片数量不限,多图js网页特效。优点:图片张数不限,可以添加多张;左右平滑滚动;缺点:IE下滚动时间相对慢一些。(兼容测试:IE6及以上、Firefox、Chrome、Opera、Safari、360等主流浏览器)
使用方法:
1、调用CSS样式:
<link rel=”stylesheet” type=”text/css” href=”css/style.css” />2、调用js代码:
<script src=”js/MSClass.js” type=”text/javascript”></script>
<link rel=”stylesheet” type=”text/css” href=”css/style.css” />2、调用js代码:
<script src=”js/MSClass.js” type=”text/javascript”></script>
//IE6 PNG图片透明js插件:
<!–[if IE 6]>
<script src=”js/ie6PNG.js” type=”text/javascript”></script>
<script type=”text/javascript”>DD_belatedPNG.fix(‘*’);</script>
<![endif]–>
3、添加HTML代码:
将<!–效果html开始–>……<!–效果html结束–>之间的html和js代码;放在<body></body>之间。
代码设置说明:
<script type=”text/javascript”>
new Marquee(
{
MSClass : [“CSSBox”,”CSSContent”],
Direction : 2,
PrevBtnID : “LeftButton”,
NextBtnID : “RightButton”,
Step : 0.3,
Width : 583,
Height : 402,
Timer : 20,
DelayTime : 3000,
WaitTime : 0,
ScrollStep: 583,
SwitchType: 0,
AutoStart : true
});
</script>
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
评论(0)