JS實現(xiàn)鼠標(biāo)滑過鏈接改變網(wǎng)頁背景顏色的方法
本文實例講述了JS實現(xiàn)鼠標(biāo)滑過鏈接改變網(wǎng)頁背景顏色的方法。分享給大家供大家參考,具體如下:
這個小特效很不錯,用鏈接改變網(wǎng)頁背景色,鼠標(biāo)放上鏈接文字上,網(wǎng)頁背景就會跟著變換,想讓你的主頁更個性一點的朋友,這個代碼一定能用上,其實你可在此基礎(chǔ)上修改一下代碼,改成鼠標(biāo)放上文字切換樣式表,這樣整個網(wǎng)頁就變了風(fēng)格,是不是很實用?
運行效果截圖如下:
在線演示地址如下:
http://demo.jb51.net/js/2015/js-mouse-over-link-cha-bgcolor-demo/
具體代碼如下:
<html> <head> <title>鼠標(biāo)放上鏈接改變網(wǎng)頁背景顏色</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <SCRIPT LANGUAGE="JavaScript"> function goHist(a) { history.go(a); } </script> </head> <body> <center> <h2>鼠標(biāo)放到相應(yīng)鏈接上看看!</h2> <table border=1 borderlight=green style="border-collapse: collapse" cellpadding="5" cellspacing="0"> <tr><td align=center> <a href="#" onMouseOver="document.bgColor='skyblue'">天空藍(lán)</a> <a href="#" onMouseOver="document.bgColor='red'">大紅色</a> <a href="#"onMouseOver="document.bgColor='#0066CC'">清新藍(lán)</a> </td></tr> </table> </center> </body> </html>
希望本文所述對大家JavaScript程序設(shè)計有所幫助。
相關(guān)文章
Javascript結(jié)合css實現(xiàn)網(wǎng)頁換膚功能
現(xiàn)在網(wǎng)站換皮膚是比較常見的功能,大多數(shù)論壇都有的,要想實現(xiàn)這樣效果可以看如下代碼.2009-11-11javascript實現(xiàn)5秒倒計時并跳轉(zhuǎn)功能
這篇文章主要為大家詳細(xì)介紹了javascript實現(xiàn)5秒倒計時并跳轉(zhuǎn)功能,具有一定的參考價值,感興趣的小伙伴們可以參考一下2019-06-06underscore之Chaining_動力節(jié)點Java學(xué)院整理
本文通過文字說明與代碼的形式給大家介紹了underscore之Chaining的相關(guān)知識,感興趣的朋友一起學(xué)習(xí)吧2017-07-07微信小程序?qū)崿F(xiàn)點擊文字頁面跳轉(zhuǎn)功能【附源碼下載】
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)點擊文字頁面跳轉(zhuǎn)功能,涉及navigator導(dǎo)航組件的簡單使用技巧,并附帶源碼供讀者下載參考,需要的朋友可以參考下2017-12-12html中使用javascript調(diào)用本地程序(exe、doc等)實現(xiàn)代碼
調(diào)用本地程序(exe,doc等)使用html中的javascript實現(xiàn),不可思議吧,接下來為大家詳細(xì)介紹下,感興趣的朋友可以參考下哈2013-04-04