Jquery刷新頁面背景圖片隨機(jī)變換的實(shí)現(xiàn)方法

更新時間：2013年03月15日 10:44:45 作者：

Jquery刷新頁面背景圖片隨機(jī)變換的實(shí)現(xiàn)方法，需要的朋友可以參考一下

使用方法：下載jquery-1.9.1.js，然后設(shè)置CSS，圖片文件放在images/new_feed/目錄下，圖片命名格式為bg_x.jpg,修改隨機(jī)數(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代碼

復(fù)制代碼代碼如下:

<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>

您可能感興趣的文章:

相關(guān)文章

jQuery實(shí)現(xiàn)contains方法不區(qū)分大小寫的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)contains方法不區(qū)分大小寫的方法,實(shí)例分析了針對contains方法的重寫技巧,具有一定參考借鑒價值,需要的朋友可以參考下
2015-02-02
加載jQuery后$沖突的解決辦法
因?yàn)閖query中也有$調(diào)用，如果原來已經(jīng)定義了，難免會沖突。下面是一些解決思路。
2010-07-07
jQuery制作圣誕主題頁面更像是愛情影集
這篇文章主要為大家詳細(xì)介紹了jQuery制作圣誕主題頁面的方法，類似動感影集，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-08-08
基于jQuery實(shí)現(xiàn)的美觀星級評論打分組件代碼
這篇文章主要介紹了基于jQuery實(shí)現(xiàn)的美觀星級評論打分組件代碼,涉及jQuery回調(diào)函數(shù)及頁面元素屬性動態(tài)操作的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下
2015-10-10
用jquery實(shí)現(xiàn)的模擬QQ郵箱里的收件人選取及其他效果(一)
今天要說的是用jquery的語法和組件dialog及Autocomplete來制作QQ郵箱的發(fā)件人操作功能，認(rèn)為這個太過簡單的可以離開了。
2011-01-01
jQuery的deferred對象使用詳解
jQuery的開發(fā)速度很快，幾乎每半年一個大版本，每兩個月一個小版本。每個版本都會引入一些新功能。今天我想介紹的，就是從jQuery 1.5.0版本開始引入的一個新功能----deferred對象。
2011-08-08
jquery左右全屏大尺寸多圖滑動效果代碼分享
這篇文章主要介紹了jquery左右全屏大尺寸多圖滑動效果，特別適合用商城網(wǎng)站，視覺上特別有沖擊感，推薦給大家，有需要的小伙伴可以參考下。
2015-08-08
jquery操作iframe實(shí)現(xiàn)父頁面和子頁面相互操作的九種情況
現(xiàn)實(shí)開發(fā)中難免會遇到子頁面、父頁面相互操作的情況,本文主要介紹了jquery操作iframe實(shí)現(xiàn)父頁面和子頁面相互操作的九種情況,具有一定的參考價值,感興趣的可以了解一下
2024-02-02
通過XMLHttpRequest和jQuery實(shí)現(xiàn)ajax的幾種方式
AJAX大家已經(jīng)都知道了，是為了實(shí)現(xiàn)異步通訊，提高用戶體驗(yàn)度，而將很多舊知識（XML,DOM,JavaScript,HTML,Jquery,Css……）重新融合的一個新的知識框架。而，XMLHttpRequest對象則是其中的重重之中,本篇文章主要給大家介紹通過XMLHttpRequest和jQuery實(shí)現(xiàn)ajax的幾種方式
2015-08-08
JSON+Jquery省市區(qū)三級聯(lián)動
這篇文章主要介紹了JSON+Jquery省市區(qū)三級聯(lián)動的相關(guān)資料,需要的朋友可以參考下
2016-01-01