仿XP界面的CSS按鈕特效代碼_表單按鈕特效

XP操作系統(tǒng)風(fēng)格的按鈕效果，用純CSS實(shí)現(xiàn)的，比較傳統(tǒng)的風(fēng)格。

<html>
<head>
<meta http-equiv="Content-Type" mrc="text/html; charset=gb2312">
<title>XP風(fēng)格樣式的按鈕</title>
<style> 
.button2 
{ 
border-right:1px solid buttonhighlight; 
border-left:1px solid buttonshadow; 
border-bottom:1px solid buttonhighlight; 
border-top:1px solid buttonshadow 
}

TD 
{ 
cursor: hand; font-size: 9pt; font-family: 宋體; text-align: center; text-valign: middle 
}

.handin 
{ 
height:18px; 
width:2px; 
border-left:1px solid buttonshadow; 
border-right:1px solid buttonhighlight 
}

.handout 
{ 
height:18px; 
width:2px; 
border-left:1px solid buttonhighlight; 
border-right:1px solid buttonshadow; 
} 
.into 
{ 
width:100%; 
border-right:1px solid buttonhighlight; 
border-left:1px solid buttonshadow; 
border-bottom:1px solid buttonhighlight; 
border-top:1px solid buttonshadow 
}

.outto,.button1 
{ 
background-color: buttonface; 
background-repeat: repeat; 
background-attachment: scroll; 
border-left: 1px solid buttonhighlight; 
border-right: 1px solid buttonshadow; 
border-top: 1px solid buttonhighlight; 
border-bottom: 1px solid buttonshadow; 
background-position: 0%" 
}

.button0 
{

} 
</style> 
</head>
<body topmargin="0" leftmargin="0" bgcolor="#E0E0E0"> 
<script> 
function change_button(num) 
{ 
if(event.srcElement.tagName=="TD"&&event.srcElement.value=="button") 
event.srcElement.className = "button"+num; 
} 
</script>

<div class="into" style="width: 100%; height: 25"> 
<table class="outto" border="0" width="100%" height="25" cellspacing="1" onmouseover="change_button(1)" onmouseup="change_button(0)" onmousedown="change_button(2)" onmouseout="change_button(0)"> 
<tr> 
<td width="1%" height="19"><span class="handout"></span></td> 
<td width="9%" height="19" value="button">模板無(wú)憂(yōu)</td> 
<td width="1%" height="19"><span class="handin"></span></td> 
<td width="9%" height="19" value="button">ASP.NET專(zhuān)區(qū)</td> 
<td width="1%" height="19"><span class="handin"></span></td> 
<td width="9%" height="19" value="button"><A href="/">源碼分類(lèi)</A></td> 
<td width="1%" height="19"><span class="handin"></span></td> 
<td width="69%" height="19"></td> 
</tr> 
</table> 
</div> 
</body> 
</html>

所屬頻道：表單按鈕特效/更新時(shí)間：2013-04-16

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

相關(guān)表單按鈕特效：

表單按鈕特效Rss訂閱特效代碼搜索

表單按鈕特效推薦

猜你也喜歡看這些

相關(guān)鏈接：
復(fù)制本頁(yè)鏈接| 搜索仿XP界面的CSS按鈕特效代碼
特效說(shuō)明：
表單按鈕模板-仿XP界面的CSS按鈕特效代碼。

日韩天天综合网_野战两个奶头被亲到高潮_亚洲日韩欧美精品综合_av女人天堂污污污_视频一区**字幕无弹窗_国产亚洲欧美小视频_国内性爱精品在线免费视频_国产一级电影在线播放_日韩欧美内地福利_亚洲一二三不卡片区

仿XP界面的CSS按鈕特效代碼_表單按鈕特效

表單按鈕特效Rss訂閱特效代碼搜索

表單按鈕特效推薦

猜你也喜歡看這些