首先非常感谢网友yuuk的无私分享,此作品是他今天整理出来的,第一时间分享到JquerySchool网站上,实现了搜狗壁纸官网多效果焦点图代码,基于jquery库的焦点图特效,每屏焦点图内部又附加多种效果,效果非常棒,包括了按钮触碰效果,滑动插件,幻灯片,图片播放,图片滚动,图片轮播,Jquery焦点图,动画插件,图片全屏显示等特效。。。。
核心jquery代码如下:
/* windos banner图片缓存 */
for(var i = 1;i<=12;i++){
/*
* 1.如果new 在循环外,更改src会取消上次请求
* 2.同一个image对象更改两次src,第二次会取消第一次的请求。
* 3.由于每次生成image对象。请求地址后删除,释放资源
* 4.请求的资源较大,放在页面加载完毕后,且置于脚本最后
* 5.申请的image临时对象请求之前不能unset。否则会取消src的图片请求
*/
var image = new Image;
var imagebg = new Image;
image.src = "/images/"+i+".jpg";
imagebg.src = "/images/bg"+i+".png";
}
效果如下:
如果您觉得本作品对您的学习有所帮助:
关键字:
网友yuuk 搜狗壁纸官网 滑动插件 幻灯片 图片播放 图片滚动 图片轮播 Jquery焦点图 动画插件 图片全屏显示