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 sort排序使用方法
Oct 17 Javascript
JS随机生成不重复数据的实例方法
Jul 17 Javascript
JavaScript动态添加列的方法
Mar 25 Javascript
JS+CSS实现美化的下拉列表框效果
Aug 11 Javascript
jquery 点击元素后,滚动条滚动至该元素位置的方法
Aug 05 Javascript
vue实现可增删查改的成绩单
Oct 27 Javascript
angular.extend方法的具体使用
Sep 14 Javascript
通过源码分析Vue的双向数据绑定详解
Sep 24 Javascript
JavaScript封装的常用工具类库bee.js用法详解【经典类库】
Sep 03 Javascript
node.js调用C++函数的方法示例
Sep 21 Javascript
vue router 跳转时打开新页面的示例方法
Jul 28 Javascript
JavaScript 实现拖拽效果组件功能(兼容移动端)
Nov 11 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默认安装产生系统漏洞
2006/10/09 PHP
php 分页函数multi() discuz
2009/06/21 PHP
PHP学习笔记(一):基本语法之标记、空白、和注释
2015/04/17 PHP
php编程中echo用逗号和用点号连接的区别
2016/03/26 PHP
PHP基于curl实现模拟微信浏览器打开微信链接的方法示例
2019/02/15 PHP
详解PHP多个进程配合redis的有序集合实现大文件去重
2019/03/06 PHP
js可突破windows弹退效果代码
2008/08/09 Javascript
JavaScript几种形式的树结构菜单
2010/05/10 Javascript
关于Mozilla浏览器不支持innerText的解决办法
2011/01/01 Javascript
html组件不可输入(只读)同时任何组件都有效
2013/04/01 Javascript
吐槽一下我所了解的Node.js
2014/10/08 Javascript
jQuery实现返回顶部功能
2016/02/23 Javascript
浅谈JS正则表达式的RegExp对象和括号的使用
2016/07/28 Javascript
微信小程序开发之录音机 音频播放 动画实例 (真机可用)
2016/12/08 Javascript
JS的Ajax与后端交互数据的实例
2018/08/08 Javascript
分享5个小技巧让你写出更好的 JavaScript 条件语句
2018/10/20 Javascript
实例讲解JS中pop使用方法
2019/01/27 Javascript
vue-for循环嵌套操作示例
2019/01/28 Javascript
原生js+ajax分页组件
2020/01/30 Javascript
JavaScript面向对象核心知识与概念归纳整理
2020/05/09 Javascript
vue v-for出来的列表,点击某个li使得当前被点击的li字体变红操作
2020/07/17 Javascript
[02:40]2014DOTA2 国际邀请赛中国区预选赛 四大豪门抵达华西村
2014/05/23 DOTA
Python格式化输出%s和%d
2018/05/07 Python
Python中property函数用法实例分析
2018/06/04 Python
Python异常模块traceback用法实例分析
2019/10/22 Python
Python利用for循环打印星号三角形的案例
2020/04/12 Python
Python Tkinter实例——模拟掷骰子
2020/10/24 Python
加拿大消费电子和手机购物网站:The Source
2017/01/28 全球购物
经销商会议欢迎词
2014/01/11 职场文书
开业庆典答谢词
2014/01/18 职场文书
师德学习感言
2014/01/31 职场文书
最经典的商业地产项目广告词
2014/03/13 职场文书
超市开业庆典策划方案
2014/05/14 职场文书
绍兴鲁迅故居导游词
2015/02/09 职场文书
部队个人年终总结
2015/03/02 职场文书
新闻报道稿范文
2015/07/23 职场文书