這篇文章主要介紹了jQuery動態背景圖片效果實現方法,涉及javascript隨機數及動態設置css樣式的相關技巧,非常簡單實用,需要的朋友可以參考下

本文實例講述了jQuery動態背景圖片效果實現方法。分享給大家供大家參考。具體如下：

這里把背景圖片按照1.jpg - 20.jpg放到目錄里，jQuery會隨機調用這些圖片作為背景

1. $(document).ready(function(){ 
2. bgImageTotal=20; 
3. randomNumber = Math.round(Math.random()*(bgImageTotal-1))+1; 
4. imgPath=('/my/image/path/'+randomNumber+'.jpg'); 
5. $('h1').css('background-image', ('url("'+imgPath+'")')); 
6. }); 

希望本文所述對大家的jquery程序設計有所幫助。