jQuery动态背景图片效果实现方法
2018-10-12 14:03
996 查看
本文实例讲述了jQuery动态背景图片效果实现方法。分享给大家供大家参考。具体如下:
这里把背景图片按照1.jpg - 20.jpg放到目录里,jQuery会随机调用这些图片作为背景
$(document).ready(function(){ bgImageTotal=20; randomNumber = Math.round(Math.random()*(bgImageTotal-1))+1; imgPath=('/my/image/path/'+randomNumber+'.jpg'); $('h1').css('background-image', ('url("'+imgPath+'")')); });
希望本文所述对大家的jquery程序设计有所帮助。
您可能感兴趣的文章:
相关文章推荐
- jQuery动态背景图片效果实现方法
- jquery动态切换背景图片的简单实现方法
- JavaScript生成的动态下雨背景效果实现方法
- jQuery定义背景动态切换效果的方法
- jQuery实现首页图片淡入淡出效果的方法
- jQuery实现点击图片翻页展示效果的方法
- 关于用jquery.masonry.js实现动态加载效果(当页面滚动条拉到底部时时重新加载图片)
- jQuery实现为图片添加镜头放大效果的方法
- jquery实现两个图片渐变切换效果的方法
- jquery简单实现图片切换效果的方法
- JQuery实现开关灯效果以及图片的显示背景变暗
- jquery实现两个图片渐变切换效果的方法
- jquery图片延迟加载效果实现方法
- jQuery实现为图片添加镜头放大效果的方法
- Jquery实现动态切换图片的方法
- jquery简单图片切换显示效果实现方法
- 基于jquery的手风琴图片展示效果实现方法
- jQuery实现动态背景图片
- Jquery刷新页面背景图片随机变换的实现方法
- 淘宝首页 图片滑动切换效果 基于jQuery的animate方法实现