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 操作Xml 入门级代码2008-12-12
这篇文章主要为大家详细介绍了layui弹出层效果的实现代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-05-05
这篇文章主要介绍了jQuery+ajax实现无刷新级联菜单示例，代码很完整，也非常实用，有需要的小伙伴可以参考下。2015-05-05
这篇文章主要介绍了jquery判断当前浏览器的实现代码,需要的朋友可以参考下2015-11-11
这篇文章主要为大家详细介绍了JQuery实现表格数据行上移与下移，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-02-02
本文使用jquery.form.js解决提交之后，页面发生跳转，在一个空白页面上显示了后端返回的json数据问题，需要的朋友参考下2017-06-06
用Jquery实现可编辑表格并用AJAX提交到服务器修改数据
使用Jquery实现可编辑的表格 并使用AJAX提交到服务器修改数据的实现代码。2009-12-12
jquery获取被勾选的checked(选中)的那一行的3列和4列的值
大家可能会遇到这种需求通过jquery获取被勾选的checked的那一行的3列和4列的值，具体的实现如下，感兴趣的朋友可以参考下哈，希望对大家有所帮助2013-07-07
这篇文章主要为大家详细介绍了jQuery实现简单的按钮颜色变化，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-08-08
相信这个功能大家平时上网经常能碰到，去看了几个常用的网站，都是用的透明flash遮挡“复制到剪贴板”按钮，所以当你点击按钮的时候，点击的其实是flash，然后把你需要复制的内容传入到了flash，最后通过flash的复制功能把传入的内容复制到了剪贴板。2015-09-09
最新评论