網(wǎng)頁(yè)特效代碼模板無(wú)憂>網(wǎng)頁(yè)特效>圖片特效特效代碼>

鼠標(biāo)點(diǎn)擊圖片后切換為其它圖片_圖片特效特效

用鼠標(biāo)點(diǎn)擊圖片后，切換圖片為其它圖片，用它可以代替表單中的復(fù)選框的功能，將復(fù)選框用幾張圖片切換來(lái)是否被選中，這樣比原來(lái)的復(fù)選框樣式更美觀，當(dāng)然，用它你還可以創(chuàng)意出其它更酷的效果。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head">
<meta http-equiv="mrc-type" mrc="text/html;charset=gb2312" />
<title>鼠標(biāo)點(diǎn)擊后切換背景圖片</title>
<style type="text/css">
a,label {
 display:block;
 width:25px;
 height:25px;
 overflow:hidden
 }
a {
 background:url("http://p1.mb5u.com/texiao/1/20110225160444164.gif") no-repeat
 }
a:hover {
 background:url("http://p1.mb5u.com/texiao/1/20110225160444165.gif") no-repeat
 }
a#b {
 background:url("http://p1.mb5u.com/texiao/1/20110225160444166.gif") no-repeat
 }
/*]]>*/
</style>
</head>
<body>
<label for="cc">
<a href="#b" id="a" onclick="cc.checked=true"></a>
<a href="#a" id="b" onclick="cc.checked=false"></a>
</label>
<input type="checkbox" id="cc" />
</body>
</html>

所屬頻道：圖片特效特效/更新時(shí)間：2012-12-09

[收藏][報(bào)錯(cuò)][返回列表]

相關(guān)圖片特效特效：

鼠標(biāo)點(diǎn)擊圖片后切換為其它圖片_圖片特效特效

圖片特效特效Rss訂閱特效代碼搜索

圖片特效特效推薦

猜你也喜歡看這些