jQuery动态背景图片效果实现方法
更新时间：2015年07月03日 15:45:53 作者：不吃皮蛋
这篇文章主要介绍了jQuery动态背景图片效果实现方法,涉及javascript随机数及动态设置css样式的相关技巧,非常简单实用,需要的朋友可以参考下
本文实例讲述了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 pageSlide 是一个可以让网页出现滚动效果的jQuery插件，它可以控制一个隐藏页面的显示和关闭。具体来说，就是当前页占一个完整页面，隐藏页是看不到的，你设置一个控制的地方，点击该控制时触发事件，隐藏的页面就滑出来，再次点击隐藏页面以外的地方，它就又关闭2015-04-04
下面小编就为大家带来一篇jQuery的实例及必知重要的jQuery选择器详解。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-05-05
这篇文章主要介绍了jQuery遍历DOM元素与节点方法,结合实例形似详细分析了jQuery遍历DOM父级节点,子级节点及兄弟节点的相关技巧,需要的朋友可以参考下2016-04-04
这篇文章主要介绍了JQuery中节点遍历方法,实例分析了jQuery遍历节点的技巧,需要的朋友可以参考下2015-05-05
解决元素批量绑定事件的时候，出现i=最后一个循环变量的值的方法有两种：把这个循环变量保存起来，不要让它的作用域在整个函数，而是在循环体内2013-04-04
jQuery添加新内容的四个常用方法分析【append，prepend，after，before】
这篇文章主要介绍了jQuery添加新内容的四个常用方法,结合实例形式分析了jQuery元素添加append，prepend，after，before四种方法的功能与相关使用技巧,需要的朋友可以参考下2019-03-03
jQuery使用toggleClass方法动态添加删除Class样式的方法
这篇文章主要介绍了jQuery使用toggleClass方法动态添加删除Class样式的方法,实例分析了jQuery中toggleClass方法操作class样式的技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-03-03
本篇文章主要是对jQuery选择器进行了全面的总结介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-01-01
这篇文章主要帮助大家快速理解jQuery浏览器窗口、网页文档及可视窗口的各种高度,需要的朋友可以参考下2014-07-07
each()方法能使DOM循环结构简洁，不容易出错。each()函数封装了十分强大的遍历功能，使用也很方便，它可以遍历一维数组、多维数组、DOM, JSON 等等，在javaScript开发过程中使用$each可以大大的减轻我们的工作量。2015-05-05
最新评论