快捷導(dǎo)航

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

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

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