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 CSS画图之基础篇
Jul 29 Javascript
读jQuery之三(构建选择器)
Jun 11 Javascript
js中有关IE版本检测
Jan 04 Javascript
location.href用法总结(最主要的)
Dec 27 Javascript
让javascript加载速度倍增的方法(解决JS加载速度慢的问题)
Dec 12 Javascript
iScroll.js 使用方法参考
May 16 Javascript
鼠标拖动改变DIV等网页元素的大小的实现方法
Jul 06 Javascript
jQuery封装animate.css的实例
Jan 04 jQuery
jquery动态添加带有样式的HTML标签元素方法
Feb 24 jQuery
详解几十行代码实现一个vue的状态管理
Jan 28 Javascript
js动态获取时间的方法分析
Aug 02 Javascript
Vue项目前后端联调(使用proxyTable实现跨域方式)
Jul 18 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防注入代码
2010/04/07 PHP
深入php常用函数的使用汇总
2013/06/08 PHP
使用PHP把HTML生成PDF文件的几个开源项目介绍
2014/11/17 PHP
简单谈谈php浮点数精确运算
2016/03/10 PHP
PHP的Laravel框架结合MySQL与Redis数据库的使用部署
2016/03/21 PHP
PHP基于方差和标准差计算学生成绩的稳定性示例
2017/07/04 PHP
PHP排序二叉树基本功能实现方法示例
2018/05/26 PHP
不错的JS中变量相关的细节分析
2007/08/13 Javascript
javascript firefox兼容ie的dom方法脚本
2008/05/18 Javascript
Android中资源文件(非代码部分)的使用概览
2012/12/18 Javascript
基于datagrid框架的查询
2013/04/08 Javascript
jquery插件qrcode在线生成二维码
2015/04/26 Javascript
js动态获取子复选项并设计全选及提交的实现方法
2016/06/24 Javascript
jQuery文字提示与图片提示效果实现方法
2016/07/04 Javascript
AngularJS入门教程之过滤器用法示例
2016/11/02 Javascript
Angular.js自定义指令学习笔记实例
2017/02/24 Javascript
Vue前端开发规范整理(推荐)
2018/04/23 Javascript
vue服务端渲染添加缓存的方法
2018/09/18 Javascript
解决vue-photo-preview 异步图片放大失效的问题
2020/07/29 Javascript
微信小程序canvas动态时钟
2020/10/22 Javascript
使用Python的Bottle框架写一个简单的服务接口的示例
2015/08/25 Python
Python操作SQLite数据库的方法详解
2017/06/16 Python
Python中矩阵库Numpy基本操作详解
2017/11/21 Python
python批量处理文件或文件夹
2020/07/28 Python
Python跑循环时内存泄露的解决方法
2020/01/13 Python
自定义Django默认的sitemap站点地图样式
2020/03/04 Python
Python greenlet和gevent使用代码示例解析
2020/04/01 Python
加拿大时尚少女服装品牌:Garage
2016/10/10 全球购物
国外平面设计素材网站:The Hungry JPEG
2017/03/28 全球购物
瑞典多品牌连锁店:Johnells
2021/01/13 全球购物
高中语文教学反思
2014/01/16 职场文书
节约每一滴水演讲稿
2014/09/09 职场文书
2014年医院十一国庆节活动方案
2014/09/15 职场文书
初中生旷课检讨书范文
2014/10/06 职场文书
淘宝客服专员岗位职责
2015/04/07 职场文书
Python开发五子棋小游戏
2022/05/02 Python