DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> Jquery刷新頁面背景圖片隨機變換的實現方法
Jquery刷新頁面背景圖片隨機變換的實現方法
編輯:JQuery特效代碼     

使用方法:下載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>

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved