Jquery刷新页面背景图片随机变换的实现方法


Posted in Javascript onMarch 15, 2013

使用方法:下载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>
Javascript 相关文章推荐
利用Dojo和JSON建立无限级AJAX动态加载的功能模块树
Mar 24 Javascript
用javascript来实现动画导航效果的代码
Dec 16 Javascript
js 加载并解析XML字符串的代码
Dec 13 Javascript
FileUpload上传图片(图片不变形)
Aug 05 Javascript
浅谈javascript 归并方法
Jan 21 Javascript
vue2.0+webpack环境的构造过程
Nov 08 Javascript
vue2.0设置proxyTable使用axios进行跨域请求的方法
Oct 19 Javascript
javaScript和jQuery自动加载简单代码实现方法
Nov 24 jQuery
解决Vue在封装了Axios后手动刷新页面拦截器无效的问题
Nov 08 Javascript
微信小程序实现多个按钮的颜色状态转换
Feb 15 Javascript
JS实现动态星空背景效果
Nov 01 Javascript
用JS实现飞机大战小游戏
Jun 09 Javascript
jQuery方法简洁实现隔行换色及toggleClass的使用
Mar 15 #Javascript
jquery使用ColorBox弹出图片组浏览层实例演示
Mar 14 #Javascript
JavaScript 函数replace深入了解
Mar 14 #Javascript
JS异常处理的一个想法(sofish)
Mar 14 #Javascript
JQuery 中几个类选择器的简单使用介绍
Mar 14 #Javascript
document.createElement()用法及注意事项(ff下不兼容)
Mar 13 #Javascript
document.createElement()用法
Mar 13 #Javascript
You might like
GD输出汉字的函数的分析
2006/10/09 PHP
在任意字符集下正常显示网页的方法一
2007/04/01 PHP
浅析PHP 按位与或 (^ 、&amp;)
2013/06/21 PHP
如何取得中文字符串中出现次数最多的子串
2013/08/08 PHP
初识php MVC
2014/09/10 PHP
php+ajax实时刷新简单实例
2015/02/25 PHP
使用PHP生成二维码的方法汇总
2015/07/22 PHP
模拟用户操作Input元素,不会触发相应事件
2007/05/11 Javascript
JQuery扩展插件Validate 5添加自定义验证方法
2011/09/05 Javascript
jQuery实现带幻灯的tab滑动切换风格菜单代码
2015/08/27 Javascript
JS实现仿微博可关闭弹出层效果
2015/09/21 Javascript
javascript检查某个元素在数组中的索引值
2016/03/30 Javascript
JS中使用变量保存arguments对象的方法
2016/06/03 Javascript
JSON 必知必会 观后记
2016/10/27 Javascript
js HTML5 canvas绘制图片的方法
2017/09/08 Javascript
Angular 4.0学习教程之架构详解
2017/09/12 Javascript
快速了解vue-cli 3.0 新特性
2018/02/28 Javascript
Vue.js自定义事件的表单输入组件方法
2018/03/08 Javascript
解决Vue.js由于延时显示了{{message}}引用界面的问题
2018/08/25 Javascript
微信小程序学习笔记之跳转页面、传递参数获得数据操作图文详解
2019/03/28 Javascript
JS中比Switch...Case更优雅的多条件判断写法
2019/09/05 Javascript
vue中上传视频或图片或图片和文字一起到后端的解决方法
2019/12/01 Javascript
解决 window.onload 被覆盖的问题方法
2020/01/14 Javascript
微信小程序利用button控制条件标签的变量问题
2020/03/15 Javascript
在Python的框架中为MySQL实现restful接口的教程
2015/04/08 Python
Python实现爬取百度贴吧帖子所有楼层图片的爬虫示例
2018/04/26 Python
python实现简易内存监控
2018/06/21 Python
python 遍历目录(包括子目录)下所有文件的实例
2018/07/11 Python
Pytorch 多块GPU的使用详解
2019/12/31 Python
Servlet如何得到服务器的信息
2015/12/22 面试题
计算机专业毕业生自荐信
2013/12/31 职场文书
共产党员承诺书
2014/03/25 职场文书
大学课外活动总结
2014/07/09 职场文书
学校政风行风自查自纠报告
2014/10/21 职场文书
英文慰问信范文
2015/03/24 职场文书
springboot实现string转json json里面带数组
2022/06/16 Java/Android