首頁 > web前端 > js教程 > jquery修改網頁背景顏色透過css方法實作_jquery

jquery修改網頁背景顏色透過css方法實作_jquery

WBOY
發布: 2016-05-16 16:45:56
原創
1483 人瀏覽過

我們在瀏覽一些網站,尤其是一些小說網站的時候,都會有修改頁面背景顏色的地方,這個功能使用jquery很容易實現。

效果圖:
jquery修改網頁背景顏色透過css方法實作_jquery 
show you code:

複製代碼







jquery test title> <br><script src="jquery-1.11.1.min.js"></script> <br> <br><br>






<script> <BR>$("button").click( <BR>function() <BR>{ <BR>var color = this.value; <BR> $("body").css("background-color",color); <BR>} <BR>) </script>

我們先根據元素名稱選擇我們要操作的物件:button,然後使用click方法找到被點擊的按鈕,然後在觸發的事件中取得該按鈕的對應的顏色值,然後透過css()方法將該顏色值作為background -color的屬性值傳入。
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板