内容介绍
js带缩略图自动切换焦点图代码,效果非常炫,还带有左右点击按钮,此作品很适合站长使用,B5教程网推荐下载!B5教程网,站长必备js网页特效及js广告代码,提供高质量js特效下载。
页面初始化代码:
<script type="text/javascript">
//设置
myFocus.set({
id:'myFocus',//ID
pattern:'mF_fscreen_tb'//风格
});
</script>
html代码:
<div id="focus_box">
<div id="myFocus"><!--焦点图盒子-->
<div class="loading"><img src="img/loading.gif" alt="请稍候..." /></div><!--载入画面(可删除)-->
<div class="pic"><!--图片列表-->
<ul>
<li><a href="#1"><img src="img/1a.jpg" thumb="" alt="B5教程网 1" text="b5.mxunkeji.com" /></a></li>
<li><a href="#2"><img src="img/2a.jpg" thumb="" alt="B5教程网 2" text="b5.mxunkeji.com" /></a></li>
<li><a href="#3"><img src="img/3a.jpg" thumb="" alt="B5教程网 3" text="b5.mxunkeji.com" /></a></li>
<li><a href="#4"><img src="img/4a.jpg" thumb="" alt="B5教程网 4" text="b5.mxunkeji.com" /></a></li>
<li><a href="#5"><img src="img/5a.jpg" thumb="" alt="B5教程网 5" text="b5.mxunkeji.com" /></a></li>
</ul>
</div>
</div></div>