jquery动态切换背景图片的简单实现方法
2018-10-12 14:03
956 查看
本文实例讲述了jquery动态切换背景图片的简单实现方法。分享给大家供大家参考,具体如下:
(function() { var bgCounter = 0, backgrounds = [ "Images/BACKGROUND_1_TEST.png", "Images/BACKGROUND_2_TEST.png", "Images/BACKGROUND_3_TEST.png" ]; function changeBackground() { bgCounter = (bgCounter+1) % backgrounds.length; $('body').css('background', '#000 url('+backgrounds[bgCounter]+') no-repeat'); setTimeout(changeBackground, 10000); } changeBackground(); })();
更多关于jQuery相关内容感兴趣的读者可查看本站专题:《jQuery切换特效与技巧总结》、《jQuery拖拽特效与技巧总结》、《jQuery扩展技巧总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》、《jquery选择器用法总结》及《jQuery常用插件及用法总结》
希望本文所述对大家jQuery程序设计有所帮助。
您可能感兴趣的文章:
相关文章推荐
- jquery简单图片切换显示效果实现方法
- Jquery实现动态切换图片的方法
- jquery简单图片切换显示效果实现方法
- jquery简单实现图片切换效果的方法
- jquery简单实现图片切换效果的方法
- Jquery实现动态切换图片的方法
- jQuery动态背景图片效果实现方法
- Jquery实现动态切换图片的方法
- jQuery动态背景图片效果实现方法
- 利用jquery的attr方法一行代码实现的简单的图片切换效果
- js实现网页随机切换背景图片的方法
- Android实现动态切换组件背景的方法
- jquery实现焦点图片随机切换效果的方法
- jquery渐隐渐显的图片幻灯闪烁切换实现方法
- jquery实现焦点图片随机切换效果的方法
- jQuery实现动态背景图片
- 用html+css+jQuery实现的一个简单的图片切换特效
- jquery实现鼠标移入移除背景图片切换
- Jquery实现点击切换图片并隐藏显示内容(2种方法实现)
- 淘宝首页 图片滑动切换效果 基于jQuery的animate方法实现