亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > JavaScript > 正文

jquery動態更換設置背景圖的方法

2019-11-20 20:54:39
字體：大 中 小
來源：轉載
供稿：網友

有些時候，我們可以為用戶提供很貼心的功能，比如判斷用戶是什么時候來訪問的，然后給出一句問候，晚上好，下午好之類的。并且更換網頁的背景顏色，比如晚上的時候就可以用滿天星星的背景，白天就用陽光燦爛，或者特定節日就用該主題背景，讓你的網站顯得非常靈活，不枯燥。

下面就如何實現背景更換給出一種解決方法：

如何實現

很簡單，下面是 JQuery 代碼：

復制代碼 代碼如下:

function doChangeBkg()
{
 var bkgUrl=$("#inputBkgUrl").val();
 var repeateMode=$("#inputRepeatMode").val();
 var s="<style type='text/css' > body{ background-repeat : "+repeateMode+"; background-image:url(/""+bkgUrl+"/"); } </style>";
 $("#outputDiv").html(s);
}

原生JavaScript代碼：

復制代碼 代碼如下:

function doChangeBkg()
{
 var bkgUrl=$("#inputBkgUrl").val();
 var repeateMode=$("#inputRepeatMode").val();
 var s="<style type='text/css' > body{ background-repeat : "+repeateMode+"; background-image:url(/""+bkgUrl+"/"); } </style>";
 $("#outputDiv").html(s);
}

前端代碼：

復制代碼 代碼如下:

<div>
背景圖片URL：<input type="text" size="60" id="inputBkgUrl" /> <br />
背景圖片重復方式： <select id="inputRepeatMode"><option value="repeat" selected="selected">repeat</option><option value="no-repeat">no-repeat</option><option value="repeat-x">repeat-x</option><option value="repeat-y">repeat-y</option></select>
<input type="button" onclick="doChangeBkg()" value="確定更換" />
</div>
<div id="outputDiv"></div>

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
欧美亚州一区二区三区| 国产精品久久久久久久久久ktv| 成人网址在线观看| 欧美性猛交xxxx免费看久久久| 久久久久久久久亚洲| 精品国产依人香蕉在线精品| 精品无人区乱码1区2区3区在线| 国产精品久久久久av免费| 91久久精品国产| 亚洲va码欧洲m码| 欧美做受高潮电影o| 国产欧美日韩中文字幕在线| 欧美性色视频在线| 日韩中文字幕精品| 在线看片第一页欧美| 亚洲一区二区福利| 啪一啪鲁一鲁2019在线视频| 91亚洲精品在线| 国产精品男女猛烈高潮激情| 日韩在线观看免费| 亚洲第一网站免费视频| 国产精品久久久久久久久久| 欧美国产日产韩国视频| 日韩一区二区av| 国产精品美女www爽爽爽视频| 国产精品一区二区在线| www.亚洲成人| 91精品国产91久久久久| 色婷婷综合久久久久中文字幕1| 亚洲欧美另类在线观看| 久久久噜噜噜久久久| 亚洲精品国精品久久99热一| 在线观看成人黄色| 国产日韩在线亚洲字幕中文| 国产九九精品视频| 久久久免费观看| 日韩精品中文字幕在线| 日韩精品福利在线| 最近中文字幕mv在线一区二区三区四区| 国产精品女人网站| 亚洲第一国产精品| 中文字幕欧美日韩va免费视频| 日本在线观看天堂男亚洲| 久久国内精品一国内精品| 国产mv久久久| 91在线直播亚洲| 动漫精品一区二区| 亚洲视频自拍偷拍| 91免费福利视频| 国产成人拍精品视频午夜网站| 国产91九色视频| 欧美一区二区三区精品电影| 亚洲精品91美女久久久久久久| 久久艳片www.17c.com| 91久久久久久国产精品| 久久久av亚洲男天堂| 国内精品小视频在线观看| 国产日韩欧美成人| 这里精品视频免费| 国产午夜精品一区二区三区| 国产日韩在线亚洲字幕中文| 久久影院资源网| 高清一区二区三区四区五区| 国产原创欧美精品| 欧美午夜激情小视频| 91av成人在线| 亚洲男人天堂2024| 国产欧美在线视频| 国产精品中文久久久久久久| 九九热r在线视频精品| 97精品一区二区视频在线观看| 亚洲欧美综合另类中字| 91日韩在线视频| 国产一区二区久久精品| 91欧美精品午夜性色福利在线| 国产精品999999| 欧美一级黑人aaaaaaa做受| 国产欧美精品一区二区| www高清在线视频日韩欧美| 亚洲在线观看视频| 91在线高清免费观看| 国外成人在线播放| 91免费看视频.| 中文字幕无线精品亚洲乱码一区| 青青久久av北条麻妃海外网| 久久久久99精品久久久久| 国产午夜精品久久久| 国产精品白丝av嫩草影院| 91在线无精精品一区二区| 欧美极品欧美精品欧美视频| www国产亚洲精品久久网站| 97精品国产97久久久久久| 高跟丝袜一区二区三区| 91久久精品一区| 欧美日韩国产成人高清视频| 992tv成人免费影院| 亚洲精品日韩丝袜精品| 欧美日韩在线视频首页| 欧美最猛性xxxxx免费| 久久精品久久久久久国产 免费| 欧美亚洲在线播放| 欧美一区二区大胆人体摄影专业网站| 蜜臀久久99精品久久久久久宅男| 久久国产色av| 成人免费看黄网站| 亚洲偷熟乱区亚洲香蕉av| 欧洲一区二区视频| 日韩欧美中文第一页| 欧美精品videosex牲欧美| 日韩在线免费高清视频| 日韩在线国产精品| 最新国产精品拍自在线播放| 成人h视频在线观看播放| 日韩激情片免费| 久久久午夜视频| 欧美日韩在线第一页| 日韩精品极品在线观看| 亚洲第一精品电影| 久久天天躁狠狠躁夜夜爽蜜月| 亚洲毛片在线观看| 国产欧美精品日韩| 亚洲欧洲一区二区三区久久| 亚洲人成人99网站| 成人免费淫片aa视频免费| 日本亚洲精品在线观看| 精品视频在线播放色网色视频| 狠狠操狠狠色综合网| 色小说视频一区| 亚洲变态欧美另类捆绑| 日韩hd视频在线观看| 国产在线精品自拍| 久久综合免费视频影院| 国产成人jvid在线播放| 亚洲毛片在线观看.| 国产精品h片在线播放| 北条麻妃一区二区在线观看| 久久精品国产综合| 国产丝袜一区二区| 在线亚洲男人天堂| 成年无码av片在线| 亚洲最大激情中文字幕| 一区二区三区视频在线| 久久最新资源网| 日本一区二三区好的精华液| 亚洲欧洲黄色网| 欧美精品久久久久| 亚洲爱爱爱爱爱| 亚洲精品国产免费| 久久的精品视频| 91久久久久久久久久久| 国产成人小视频在线观看| 亚洲精品美女久久| 九九精品视频在线观看| 精品中文字幕久久久久久| 久久精品电影一区二区| 亚洲欧美日韩区| 久久久久久久久久国产精品| 国产精品激情av电影在线观看| 国内精品模特av私拍在线观看| 神马久久久久久| 大胆欧美人体视频| 26uuu亚洲国产精品| 91视频国产高清| 国产日韩欧美91|