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操作css样式的相关知识，具有很好的参考价值。下面跟着小编一起来看下吧2017-05-05
本文给大家分享的是一段使用jQuery实现支持IE的html滑动条代码，效果非常不错，这里推荐给大家，希望大家能够喜欢。2015-03-03
这篇文章主要介绍了jQuery中addClass()方法用法,实例分析了addClass()方法的功能、定义及向匹配元素添加一个或多个类的使用技巧,需要的朋友可以参考下2015-01-01
JQuery中attr属性和jQuery.data()学习笔记【必看】
下面小编就为大家带来一篇JQuery中attr属性和jQuery.data()学习笔记【必看】。小编觉得挺不错的，现在分享给大家，也给大家做个参考，一起跟随小编过来看看吧2016-05-05
jquery插件实现鼠标经过图片右侧显示大图的效果(类似淘宝)
分享一个jquery插件:实现类似淘宝上鼠标经过图片右侧显示大图的效果,感兴趣的朋友可以研究下，或许对你学习jquery有所帮助,千万不要错过啊2013-02-02
这篇文章主要为大家详细介绍了jQuery实现手风琴小案例，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-04-04
总结了一下了一下$.getJSON()一些应用，希望大家喜欢，首先我用的的是 Newtonsoft.Json.Net20.dll2011-01-01
写了好多篇的学习笔记。也该动手练练，咱不能总是纸上谈兵。最近做了其他的一些练习，也是有涉及图片淡入淡出的，使用的是animate。2010-09-09
jQuery动态添加可拖动元素完整实例(附demo源码下载)
这篇文章主要介绍了jQuery动态添加可拖动元素的方法,可实现简单的点击添加元素,并且添加的元素可进行拖动操作.涉及jQuery响应鼠标事件动态操作页面元素的相关技巧,需要的朋友可以参考下2016-06-06
基于jQuery的判断iPad、iPhone、Android是横屏还是竖屏的代码
在ipad、iphone网页开发中，我们很可能需要判断是横屏或者竖屏。下面就来介绍如何用 jQuery 判断iPad、iPhone、Android是横屏还是竖屏的方法2014-05-05
最新评论