凸起的按钮效果

更新时间：2006年10月14日 00:00:00 作者：

[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需再刷新一下页面才能执行]

凸起的按钮效果

小技巧处理div内容溢出
这篇文章主要介绍了小技巧处理div内容溢出的方法,需要的朋友可以参考下
2014-05-05
仿windows工具条样式
仿windows工具条样式...
2006-10-10
_blank开新窗口不符合标准?
_blank开新窗口不符合标准?...
2006-08-08
DIV+CSS 网页TIP的简单作法
DIV+CSS 网页TIP的简单作法...
2006-09-09
CSS：自定多姿多彩的网页链接下划线
CSS：自定多姿多彩的网页链接下划线...
2006-09-09
实用的标签效果
实用的标签效果...
2006-10-10
块元素block element和内联元素inline element
块元素block element和内联元素inline element...
2006-09-09
HTML DOM setInterval和clearInterval方法案例详解
这篇文章主要介绍了HTML DOM setInterval和clearInterval方法案例详解
2021-08-08
CSS锦囊
CSS锦囊...
2006-06-06
表格边框的css语法
表格边框的css语法...
2006-09-09

凸起的按钮效果

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具