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 相关文章推荐
比较简单的异步加载JS文件的代码
Jul 18 Javascript
javascript 导出数据到Excel(处理table中的元素)
Dec 18 Javascript
JQuery下的Live方法和$.browser方法使用代码
Jun 02 Javascript
window.dialogArguments 使用说明
Apr 11 Javascript
Js获取下拉框选定项的值和文本的实现代码
Feb 26 Javascript
利用浮层使select不可选的实现方法
Dec 03 Javascript
JS获取填报扩展单元格控件的值的解决办法
Jul 14 Javascript
Bootstrap3.3.7导航栏下拉菜单鼠标滑过展开效果
Oct 31 Javascript
vue jsx 使用指南及vue.js 使用jsx语法的方法
Nov 11 Javascript
详解tween.js 中文使用指南
Jan 05 Javascript
详解vue的数据劫持以及操作数组的坑
Apr 18 Javascript
javascript中闭包closure的深入讲解
Mar 03 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
解析php中heredoc的使用方法
2013/06/17 PHP
PHP中加速、缓存扩展的区别和作用详解(eAccelerator、memcached、xcache、APC )
2016/07/09 PHP
详解提高使用Java反射的效率方法
2019/04/29 PHP
FireFox JavaScript全局Event对象
2009/06/14 Javascript
JavaScript 设计模式之组合模式解析
2010/04/09 Javascript
JS request函数 用来获取url参数
2010/05/17 Javascript
JavaScript移除数组元素减少长度的方法
2013/09/05 Javascript
JavaScript中实现sprintf、printf函数
2015/01/27 Javascript
JavaScript实现简单获取当前网页网址的方法
2015/11/09 Javascript
Jquery ajax基础教程
2015/11/20 Javascript
Bootstrap中表单控件状态(验证状态)
2016/08/04 Javascript
JSON键值对序列化和反序列化解析
2017/01/24 Javascript
原生js实现秒表计时器功能
2017/02/16 Javascript
js实现多行文本框统计剩余字数功能
2017/03/28 Javascript
原生js实现密码输入框值的显示隐藏
2017/07/17 Javascript
2019年度web前端面试题总结(主要为Vue面试题)
2020/01/12 Javascript
[00:35]DOTA2上海特级锦标赛 VP战队宣传片
2016/03/04 DOTA
python中将函数赋值给变量时需要注意的一些问题
2017/08/18 Python
Python实现购物车功能的方法分析
2017/11/10 Python
Python 使用threading+Queue实现线程池示例
2019/12/21 Python
matplotlib 对坐标的控制,加图例注释的操作
2020/04/17 Python
Python实现文件压缩和解压的示例代码
2020/08/12 Python
Tom Dixon官网:英国照明及家具设计和制造公司
2019/03/01 全球购物
世界上最好的足球商店:Unisport
2019/03/02 全球购物
英国奢侈品概念店:Base Blu
2019/05/16 全球购物
手工制作的男士奢华英国鞋和服装之家:Goodwin Smith
2019/06/21 全球购物
机械设计制造专业个人求职信
2013/09/25 职场文书
物业保安主管岗位职责
2013/12/25 职场文书
农村婚礼证婚词
2014/01/10 职场文书
美发活动策划书
2014/01/14 职场文书
教师旷工检讨书
2014/01/18 职场文书
大学生创业感言
2014/01/25 职场文书
精神文明建设标语
2014/06/16 职场文书
学校领导班子对照检查材料
2014/09/24 职场文书
【TED出品】天梯非主流开心游1700 划水骑士
2022/03/31 魔兽争霸
AJAX引擎原理以及XmlHttpRequest对象的axios、fetch区别详解
2022/04/09 Javascript