网页风格适时切换_页面背景特效

缂傚倷绀佸ú锕傚焻缁€鎱筪eCMS闁荤喐鐟ュΛ婵嬨€傞崼鏇炴瀬婵炲棙鍨熼弻锟�婵炴垶姊规竟鍡涘煘閺嶎厽鈷掗柨鐕傛嫹缂備礁顦遍崰鎰耿閸ヮ剙绀夐柍銉ㄦ珪閻濓拷闂備緡鍋勯ˇ杈╃礊婢跺本鍏滈柡鍥ㄦ皑闂夊秹鏌ゆ潏銊︻棖缂佹唻鎷� 闂佸搫鍟版慨鎾椽閺嶎偆鍗氭繛鍡樻尰濮ｆ劗鈧鎮堕崕閬嶅矗閿燂拷,闂佽皫鍕姢閻庤濞婂鍫曞礃椤斿吋顏熸繛鎴炴尨閸嬫捇姊哄▎鎯ф灈闁告瑥绻樺濠氭晸閿燂拷!

现在流行网页风格适时切换，让用户自己设置他喜欢的风格，特别是一些论坛大多都附带了此功能，其实用JavaScript可以轻松实现这种功能，在本段代码中，鼠标移上代表某种颜色的小格子时，网页的背景颜色会跟着改变，再完善一些的话，可以加入Cookie，这样刷新网页后就可以保持用户选择的颜色。

<html>
<head>
<title>网页颜色风格适时切换-www.mb5u.com</title>
<script language="JavaScript">
lck=0;
function r(hval)
{
if ( lck == 0 )
{
document.bgColor=hval;
}
}
function l()
{
if (lck == 0)
{
lck = 1;
}
else
{
lck = 0;
}
}
</script>
</head>
<body>
<table border="0" cellpadding="0" border="0">
<tr>
<td bgcolor="#00ffff"><a href="JavaScript:l()"
onmouseover="r('#00ffff'); return true"><img src="" border="0" width="10" height="10"></a></td>
<td bgcolor="#663399"><a href="JavaScript:l()"
onmouseover="r('#663399'); return true"><img src="" border="0" width="10" height="10"></a></td>
<td bgcolor="#669933"><a href="JavaScript:l()"
onmouseover="r('#669933'); return true"><img src="" border="0" width="10" height="10"></a></td>
<td bgcolor="#990033"><a href="JavaScript:l()"
onmouseover="r('#990033'); return true"><img src="" border="0" width="10" height="10"></a></td>
<td bgcolor="#666600"><a href="JavaScript:l()"
onmouseover="r('#666600'); return true"><img src="" border="0" width="10" height="10"></a></td>
<td bgcolor="#663366"><a href="JavaScript:l()"
onmouseover="r('#663366'); return true"><img src="" border="0" width="10" height="10"></a></td>
<td bgcolor="#000000"><a href="JavaScript:l()"
onmouseover="r('#000000'); return true"><img src="" border="0" width="10" height="10"></a></td>
<td bgcolor="#FF0000"><a href="JavaScript:l()"
onmouseover="r('#FF0000'); return true"><img src="" border="0" width="10" height="10"></a></td>
<td bgcolor="#CC6600"><a href="JavaScript:l()"
onmouseover="r('#CC6600'); return true"><img src="" border="0" width="10" height="10"></a></td>
<td bgcolor="#CC3399"><a href="JavaScript:l()"
onmouseover="r('#CC3399'); return true"><img src="" border="0" width="10" height="10"></a></td>
<td bgcolor="#666699"><a href="JavaScript:l()"
onmouseover="r('#666699'); return true"><img src="" border="0" width="10" height="10"></a></td>
<td bgcolor="#660033"><a href="JavaScript:l()"
onmouseover="r('#660033'); return true"><img src="" border="0" width="10" height="10"></a></td>
<td bgcolor="#330033"><a href="JavaScript:l()"
onmouseover="r('#330033'); return true"><img src="" border="0" width="10" height="10"></a></td>
<td bgcolor="#333300"><a href="JavaScript:l()"
onmouseover="r('#333300'); return true"><img src="" border="0" width="10" height="10"></a></td>
<td bgcolor="#FFFF00"><a href="JavaScript:l()"
onmouseover="r('#FFFF00'); return true"><img src="" border="0" width="10" height="10"></a></td>
<td bgcolor="#9900CC"><a href="JavaScript:l()"
onmouseover="r('#9900CC'); return true"><img src="" border="0" width="10" height="10"></a></td>
<td bgcolor="#FFCC66"><a href="JavaScript:l()"
onmouseover="r('#FFCC66'); return true"><img src="" border="0" width="10" height="10"></a></td>
<td bgcolor="#FFFFFF"><a href="JavaScript:l()"
onmouseover="r('#FFFFFF'); return true"><img src="" border="0" width="10" height="10"></a></td>
    </tr>
</table>
</body>
</html>

所属频道：页面背景特效/更新时间：2012-12-21

[收藏][报错][返回列表]

评论加载中....

网页风格适时切换_页面背景特效

页面背景特效Rss订阅特效代码搜索

页面背景特效推荐

猜你也喜欢看这些

闂佽　鍋撻柟顖滃椤ワ拷&闂佸憡甯掑Λ鏃堟閿燂拷

网页风格适时切换_页面背景特效

页面背景特效Rss订阅特效代码搜索

页面背景特效推荐

猜你也喜欢看这些

闂佽 鍋撻柟顖滃椤ワ拷&闂佸憡甯掑Λ鏃堟閿燂拷

闂佽　鍋撻柟顖滃椤ワ拷&闂佸憡甯掑Λ鏃堟閿燂拷