Jquery刷新页面背景图片随机变换的实现方法
更新时间：2013年03月15日 10:44:45 作者：
Jquery刷新页面背景图片随机变换的实现方法，需要的朋友可以参考一下
使用方法：下载jquery-1.9.1.js，然后设置CSS，图片文件放在images/new_feed/目录下，图片命名格式为bg_x.jpg,修改随机数产生范围
一、CSS代码
复制代码 代码如下:
<style>
body{
padding:0;
background-attachment: fixed;
background-clip: border-box;
background-color: #666666;
background-origin: padding-box;
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
background-image:url("");}
</style>
二、Jquery代码
复制代码 代码如下:
<script type="text/javascript">
$(document).ready(function(){
var random_bg=Math.floor(Math.random()*6+1);
var bg='url(images/new_feed/bg_'+random_bg+'.jpg)';
$("body").css("background-image",bg);
});
</script>
相关文章
这篇文章主要介绍了jQuery实现contains方法不区分大小写的方法,实例分析了针对contains方法的重写技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-02-02
因为jquery中也有$调用，如果原来已经定义了，难免会冲突。下面是一些解决思路。2010-07-07
这篇文章主要为大家详细介绍了jQuery制作圣诞主题页面的方法，类似动感影集，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-08-08
这篇文章主要介绍了基于jQuery实现的美观星级评论打分组件代码,涉及jQuery回调函数及页面元素属性动态操作的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-10-10
用jquery实现的模拟QQ邮箱里的收件人选取及其他效果(一)
今天要说的是用jquery的语法和组件dialog及Autocomplete来制作QQ邮箱的发件人操作功能，认为这个太过简单的可以离开了。2011-01-01
jQuery的开发速度很快，几乎每半年一个大版本，每两个月一个小版本。每个版本都会引入一些新功能。今天我想介绍的，就是从jQuery 1.5.0版本开始引入的一个新功能----deferred对象。2011-08-08
这篇文章主要介绍了jquery左右全屏大尺寸多图滑动效果，特别适合用商城网站，视觉上特别有冲击感，推荐给大家，有需要的小伙伴可以参考下。2015-08-08
jquery操作iframe实现父页面和子页面相互操作的九种情况
现实开发中难免会遇到子页面、父页面相互操作的情况,本文主要介绍了jquery操作iframe实现父页面和子页面相互操作的九种情况,具有一定的参考价值,感兴趣的可以了解一下2024-02-02
通过XMLHttpRequest和jQuery实现ajax的几种方式
AJAX大家已经都知道了，是为了实现异步通讯，提高用户体验度，而将很多旧知识（XML,DOM,JavaScript,HTML,Jquery,Css……）重新融合的一个新的知识框架。而，XMLHttpRequest对象则是其中的重重之中,本篇文章主要给大家介绍通过XMLHttpRequest和jQuery实现ajax的几种方式2015-08-08
这篇文章主要介绍了JSON+Jquery省市区三级联动的相关资料,需要的朋友可以参考下2016-01-01
最新评论