Jquery刷新页面背景图片随机变换的实现方法
2018-10-12 14:00
746 查看
使用方法:下载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刷新页面背景图片随机变换的实现方法
- asp.net中刷新和无刷新(JQuery实现)浏览图片的方法
- jsp+jquery 实现图片验证码(在主页面不刷新的情况下可更换图片)
- jQuery动态背景图片效果实现方法
- jquery实现刷新页面的几种方法介绍
- 分享一个自己利用javascript中的window.setInterval()定时器实现页面背景图片变换的特效(同时淡入淡出效果)
- js实现点击图片改变页面背景图的方法
- js实现网页随机切换背景图片的方法
- jQuery动态背景图片效果实现方法
- js实现点击图片改变页面背景图的方法
- jQuery实现页面背景随机切换
- jquery动态切换背景图片的简单实现方法
- jquery实现form表单提交后局部刷新页面的多种方法
- js鼠标点击图片实现随机变换图片的方法
- jquery实现焦点图片随机切换效果的方法
- c# 刷新一次图片随机变换一次的页面代码
- JQuery怎么实现页面刷新后保留鼠标点击样式的方法
- js生成随机数字.用到那个静态页面随机变换背景图片!
- jquery实现图片随机排列的方法
- jquery实现页面无刷新动态上传图片预览功能