CSS/HTML

凸起的按钮效果

网络 2006-10-14CSS/HTML8475

function movr(src) { src.onselectstart = new Function("return false"); with (src.style) { color="red" borderLeft = "1px solid buttonhighlight"; borderRight = "1px solid buttonshadow"; borderTop = "1px solid buttonhighlight"; borderBottom = "1px solid buttonshadow"; padding = "0"; cursor="hand...

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

<body style="FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=blue,endColorStr=white);"> <script language=javascript> function movr(src) { src.onselectstart = new Function("return false"); with (src.style) { color="red" borderLeft = "2px solid buttonhighlight"; borderRight = "2px solid buttonshadow"; borderTop = "2px solid buttonhighlight"; borderBottom = "2px solid buttonshadow"; padding = "0"; cursor="hand"; } } function mdwn(src) { src.onselectstart = new Function("return false"); with (src.style) { color="red" borderRight = "1px solid buttonhighlight"; borderLeft= "1px solid buttonshadow"; borderBottom = "1px solid buttonhighlight"; borderTop = "1px solid buttonshadow"; padding = "0"; } } function mout(src) { src.onselectstart = new Function("return false"); with (src.style) { color="black" background = "buttonface"; //此为鼠标移动后的颜色，可根据需要改变 border = "1px solid buttonface"; padding = "0"; } } </script> <table width=60 cellspacing="16" bgcolor=buttonface style="FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=blue,endColorStr=white);"> <tr> <td width=100% name="cool" bgcolor=buttonface onmouseover='movr(this)' onmouseout='mout(this)' onmouseup='movr(this)' onmousedown='mdwn(this)'> 鹤发童颜 </td> <td width=100% bgcolor=buttonface onmouseover='movr(this)' onmouseout='mout(this)' onmouseup='movr(this)' onmousedown='mdwn(this)'> 青梅竹马 </td> <td width=100% bgcolor=buttonface onmouseover='movr(this)' onmouseout='mout(this)' onmouseup='movr(this)' onmousedown='mdwn(this)'> 知往观来 </td> <td width=100% bgcolor=buttonface onmouseover='movr(this)' onmouseout='mout(this)' onmouseup='movr(this)' onmousedown='mdwn(this)'> 金翅擘海 </td> </tr> </table>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

很赞哦！()