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代碼
復(fù)制代碼 代碼如下:
<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>
您可能感興趣的文章:
- jquery animate 動畫效果使用說明
- jQuery動畫animate方法使用介紹
- 分享8款優(yōu)秀的 jQuery 加載動畫和進(jìn)度條插件
- 用js實(shí)現(xiàn)的模擬jquery的animate自定義動畫(2.5K)
- JQuery動畫animate的stop方法使用詳解
- jQuery動畫效果animate和scrollTop結(jié)合使用實(shí)例
- jQuery實(shí)現(xiàn)加入購物車飛入動畫效果
- jQuery+canvas實(shí)現(xiàn)的球體平拋及顏色動態(tài)變換效果
- jQuery+canvas實(shí)現(xiàn)簡單的球體斜拋及顏色動態(tài)變換效果
- jquery實(shí)現(xiàn)點(diǎn)擊變換導(dǎo)航樣式的方法
- jQuery簡單動畫變換效果實(shí)例分析
相關(guān)文章
遮罩層點(diǎn)擊按鈕彈出并且具有拖動和關(guān)閉效果(兩種方法)
實(shí)現(xiàn)點(diǎn)擊按鈕彈出遮罩層,點(diǎn)擊按鈕可以隨意拖動和關(guān)閉。接下來,通過本篇文章給大家介紹遮罩層點(diǎn)擊按鈕彈出并且具有拖動和關(guān)閉效果,需要的朋友可以參考下2015-08-08利用jquery實(shí)現(xiàn)實(shí)時更新歌詞的方法
這篇文章主要給大家介紹了如何利用jquery實(shí)現(xiàn)實(shí)時更新歌詞的方法,文中給出了詳細(xì)的實(shí)現(xiàn)思路和示例代碼,對大家的參考借鑒具有一定的價值,有需要的朋友下面來跟著小編一起學(xué)習(xí)學(xué)習(xí)吧。2017-01-01JQuery操作textarea,input,select,checkbox方法
本文給大家匯總介紹了一些JQuery操作textarea,input,select,checkbox的方法和技巧,十分的簡單實(shí)用,都是小編項(xiàng)目中使用過的,這里推薦給大家。2015-09-09Jquery change(fontsize,background) 改變顏色與背景的代碼
基于Jquery的改變顏色與背景的代碼,對于學(xué)習(xí)jquery的朋友可以參考下。2010-05-05實(shí)例代碼講解jquery easyui動態(tài)tab頁
這篇文章主要介紹了實(shí)例代碼講解jquery easyui動態(tài)tab頁的相關(guān)資料,需要的朋友可以參考下2015-11-11