此作品是一款非常实用的焦点图特效,是网友在JquerySchool网站留言,要求把官方首页的图片轮播特效整理出来分享,今天刚好有空就把它整理出来分享给大家用,JquerySchool网站首页焦点图是用了myFocus插件,myFocus是一个专注于焦点图/轮换图制作的JS库,没有用到jquery库,它小巧而且是完全独立的JS库,用它可以轻松的制作出网上绝大部分常见的焦点图(甚至包括flash焦点图),而且制作出的焦点图体积也非常的小(1KB左右),功能也十分的完备,因为是轻量级,其运行效率也比常见的焦点图要高。
IMG标签的属性说明:
src : 图片地址;
thumb : 图片的略缩图地址(需要风格支持,可以省略,如果省略即把大图地址作为它的地址);
alt : 图片的描述文字;
text : 图片更详细的描述文字(需要风格支持,可以省略)
页面初始化代码如下:
myFocus.set({
id:'myFocus',//ID
pattern:'mF_YSlider'//风格
});
效果如下:
如果您觉得本作品对您的学习有所帮助:
关键字:
myFocus 图片特效 滑动插件 图片延迟加载 图片预加载 图片轮播 幻灯片 Jquery焦点图