Jquery刷新頁面背景圖片隨機變換的實現(xiàn)方法
更新時間:2013年03月15日 10:44:45 作者:
Jquery刷新頁面背景圖片隨機變換的實現(xiàn)方法,需要的朋友可以參考一下
使用方法:下載jquery-1.9.1.js,然后設置CSS,圖片文件放在images/new_feed/目錄下,圖片命名格式為bg_x.jpg,修改隨機數(shù)產(chǎn)生范圍
一、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>
您可能感興趣的文章:
- jquery animate 動畫效果使用說明
- jQuery動畫animate方法使用介紹
- 分享8款優(yōu)秀的 jQuery 加載動畫和進度條插件
- 用js實現(xiàn)的模擬jquery的animate自定義動畫(2.5K)
- JQuery動畫animate的stop方法使用詳解
- jQuery動畫效果animate和scrollTop結合使用實例
- jQuery實現(xiàn)加入購物車飛入動畫效果
- jQuery+canvas實現(xiàn)的球體平拋及顏色動態(tài)變換效果
- jQuery+canvas實現(xiàn)簡單的球體斜拋及顏色動態(tài)變換效果
- jquery實現(xiàn)點擊變換導航樣式的方法
- jQuery簡單動畫變換效果實例分析
相關文章
JQuery操作textarea,input,select,checkbox方法
本文給大家匯總介紹了一些JQuery操作textarea,input,select,checkbox的方法和技巧,十分的簡單實用,都是小編項目中使用過的,這里推薦給大家。2015-09-09Jquery change(fontsize,background) 改變顏色與背景的代碼
基于Jquery的改變顏色與背景的代碼,對于學習jquery的朋友可以參考下。2010-05-05實例代碼講解jquery easyui動態(tài)tab頁
這篇文章主要介紹了實例代碼講解jquery easyui動態(tài)tab頁的相關資料,需要的朋友可以參考下2015-11-11