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 相关文章推荐
一些经常会用到的Javascript检测函数
May 31 Javascript
cookie 最近浏览记录(中文escape转码)具体实现
Jun 08 Javascript
js单例模式的两种方案
Oct 22 Javascript
JQuery页面地址处理插件jqURL详解
May 03 Javascript
js实现选中页面文字将其分享到新浪微博
Nov 05 Javascript
jQuery中trigger()与bind()用法分析
Dec 18 Javascript
深入理解JavaScript单体内置对象
Jun 06 Javascript
JS使用Date对象实时显示当前系统时间简单示例
Aug 23 Javascript
Vue中使用 setTimeout() setInterval()函数的问题
Sep 13 Javascript
vue-router跳转时打开新页面的两种方法
Jul 29 Javascript
js的新生代垃圾回收知识点总结
Aug 22 Javascript
JS实现随机抽选获奖者
Nov 07 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
一个程序下载的管理程序(二)
2006/10/09 PHP
PHP 透明水印生成代码
2012/08/27 PHP
php读取mysql的简单实例
2014/01/15 PHP
PHP实现把文本中的URL转换为链接的auolink()函数分享
2014/07/29 PHP
列举PHP的Yii 2框架的开发优势
2015/07/03 PHP
Javascript 定时器调用传递参数的方法
2009/11/12 Javascript
深入理解JavaScript系列(16) 闭包(Closures)
2012/04/12 Javascript
JavaScript控制浏览器全屏及各种浏览器全屏模式的方法、属性和事件
2015/12/20 Javascript
JavaScript仿支付宝6位数字密码输入框
2016/12/29 Javascript
jQuery实现复选框的全选和反选
2017/02/02 Javascript
使用ionic在首页新闻中应用到的跑马灯效果的实现方法
2017/02/13 Javascript
Bootstrap 网格系统布局详解
2017/03/19 Javascript
实现一个完整的Node.js RESTful API的示例
2017/09/29 Javascript
angular 实现同步验证器跨字段验证的方法
2019/04/11 Javascript
Layui表格行工具事件与数据回填方法
2019/09/13 Javascript
layui内置模块layim发送图片添加加载动画的方法
2019/09/23 Javascript
Javascript实现单选框效果
2020/12/09 Javascript
[01:09]2014DOTA2国际邀请赛 TI4西雅图DOTA2 中国美女coser加油助威
2014/07/20 DOTA
Python搜索引擎实现原理和方法
2017/11/27 Python
python  Django中的apps.py的目的是什么
2018/10/15 Python
使用pyqt5 tablewidget 单元格设置正则表达式
2019/12/13 Python
HTML5在a标签内放置块级元素示例代码
2013/08/23 HTML / CSS
HTML5 文件上传下载的实例代码
2017/07/03 HTML / CSS
Spartoo英国:欧洲最大的网上鞋店
2016/09/13 全球购物
青年创业培训欢迎词
2014/01/10 职场文书
酒店个人求职信范文
2014/01/25 职场文书
新闻学专业个人求职信写作
2014/02/04 职场文书
行政管理毕业生自荐信
2014/02/24 职场文书
小学清明节活动方案
2014/03/08 职场文书
农村党员一句话承诺
2014/05/30 职场文书
关于观后感的作文
2015/06/18 职场文书
信用卡工作证明范本
2015/06/19 职场文书
Python序列化与反序列化相关知识总结
2021/06/08 Python
解决mysql:ERROR 1045 (28000): Access denied for user 'root'@'localhost' (using password: NO/YES)
2021/06/26 MySQL
vmware虚拟机打不开vmx文件怎么办 ?vmware虚拟机vmx文件打开方法
2022/04/08 数码科技
python和anaconda的区别
2022/05/06 Python