jQuery動態(tài)背景圖片效果實現(xiàn)方法
更新時間：2015年07月03日 15:45:53 作者：不吃皮蛋
這篇文章主要介紹了jQuery動態(tài)背景圖片效果實現(xiàn)方法,涉及javascript隨機數(shù)及動態(tài)設置css樣式的相關技巧,非常簡單實用,需要的朋友可以參考下
本文實例講述了jQuery動態(tài)背景圖片效果實現(xiàn)方法。分享給大家供大家參考。具體如下：
這里把背景圖片按照1.jpg - 20.jpg放到目錄里，jQuery會隨機調用這些圖片作為背景
$(document).ready(function(){
bgImageTotal=20;
randomNumber = Math.round(Math.random()*(bgImageTotal-1))+1;
imgPath=('/my/image/path/'+randomNumber+'.jpg');
$('h1').css('background-image', ('url("'+imgPath+'")'));
});
希望本文所述對大家的jquery程序設計有所幫助。
您可能感興趣的文章:
- jQuery Easyui學習之datagrid 動態(tài)添加、移除editor
- jQuery移除tr無效的解決方法(tr是動態(tài)添加)
- jQuery實現(xiàn)動態(tài)添加tr到table的方法
- jQuery動態(tài)添加與刪除tr行實例代碼
- 使用jquery給指定的table動態(tài)添加一行、刪除一行
- jquery動態(tài)添加文本并獲取值的方法
- JQuery動態(tài)添加Select的Option元素實現(xiàn)方法
- jQuery實現(xiàn)表格行和列的動態(tài)添加與刪除方法【測試可用】
- jQuery如何獲取動態(tài)添加的元素
- jquery html動態(tài)添加的元素綁定事件詳解
- jquery動態(tài)切換背景圖片的簡單實現(xiàn)方法
- jQuery動態(tài)移除和添加背景圖片的方法詳解
相關文章
jQuery 操作Xml 入門級代碼2008-12-12
這篇文章主要為大家詳細介紹了layui彈出層效果的實現(xiàn)代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-05-05
jQuery+ajax實現(xiàn)無刷新級聯(lián)菜單示例
這篇文章主要介紹了jQuery+ajax實現(xiàn)無刷新級聯(lián)菜單示例，代碼很完整，也非常實用，有需要的小伙伴可以參考下。2015-05-05
這篇文章主要介紹了jquery判斷當前瀏覽器的實現(xiàn)代碼,需要的朋友可以參考下2015-11-11
JQuery實現(xiàn)表格數(shù)據(jù)行上移與下移
這篇文章主要為大家詳細介紹了JQuery實現(xiàn)表格數(shù)據(jù)行上移與下移，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-02-02
本文使用jquery.form.js解決提交之后，頁面發(fā)生跳轉，在一個空白頁面上顯示了后端返回的json數(shù)據(jù)問題，需要的朋友參考下2017-06-06
用Jquery實現(xiàn)可編輯表格并用AJAX提交到服務器修改數(shù)據(jù)
使用Jquery實現(xiàn)可編輯的表格 并使用AJAX提交到服務器修改數(shù)據(jù)的實現(xiàn)代碼。2009-12-12
jquery獲取被勾選的checked(選中)的那一行的3列和4列的值
大家可能會遇到這種需求通過jquery獲取被勾選的checked的那一行的3列和4列的值，具體的實現(xiàn)如下，感興趣的朋友可以參考下哈，希望對大家有所幫助2013-07-07
這篇文章主要為大家詳細介紹了jQuery實現(xiàn)簡單的按鈕顏色變化，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-08-08
相信這個功能大家平時上網(wǎng)經(jīng)常能碰到，去看了幾個常用的網(wǎng)站，都是用的透明flash遮擋“復制到剪貼板”按鈕，所以當你點擊按鈕的時候，點擊的其實是flash，然后把你需要復制的內容傳入到了flash，最后通過flash的復制功能把傳入的內容復制到了剪貼板。2015-09-09