最近在学习jQuery,发现了一个好用的插件,可以方便地实现很多网站的banner轮播的效果,这个插件就是MyFocus了。
MyFoucus官网:http://demo.jb51.net/js/myfocus/
MyFocus非常小巧,它是一个独立的JS库,不需要依赖任何JS库,用它可以制作出网上可以看到的绝大多数轮播效果。下面就来说说
怎么使用吧:
1、首先到官方下载它的库文件
2、在HTML的script标签中引入MyFocus库文件。
3、在script标签中引入MyFocus的风格文件
4、link引入对应风格文件的样式表
5、在页面当中填充一个图片的列表(必须包含在一个叫pic的div中)
6、script代码:
<script type="text/javascript">
myFocus.set({
id:'picBox'
})
</script>
下面给出完整的head代码:
<script type="text/javascript" src="js/myfocus-2.0.1.min.js"></script>
<script src="js/mf-pattern/mF_YSlider.js"></script>
<link rel="stylesheet" href="js/mf-pattern/mF_YSlider.css">