網(wǎng)頁(yè)特效代碼模板無(wú)憂>網(wǎng)頁(yè)特效>表單按鈕特效代碼>

仿微軟風(fēng)格的按鈕演示_表單按鈕特效

仿微軟風(fēng)格的按鈕演示,您可以先修改部分代碼再運(yùn)行.

<html> <head> <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   id="5lr55n5"   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 id="bb5fj77"    class="handout"></span></td> <td width="9%" height="19" value="button">按鈕TD</td> <td width="1%" height="19"><span id="53vlfff"    class="handin"></span></td> <td width="9%" height="19" value="button">按鈕TD</td> <td width="1%" height="19"><span id="bplrj55"    class="handin"></span></td> <td width="9%" height="19" value="button">按鈕TD</td> <td width="1%" height="19"><span id="5dxtlbf"    class="handin"></span></td> <td width="69%" height="19"></td> </tr> </table> </div> </body> </html>

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

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

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

仿微軟風(fēng)格的按鈕演示_表單按鈕特效

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

表單按鈕特效推薦

猜你也喜歡看這些