凸起的按钮效果

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

凸起的按钮效果

学习CSS的10大理由
学习CSS的10大理由...
2006-08-08
一个自动居中的导航条实例与相关问题 DIV+CSS
一个自动居中的导航条实例与相关问题 DIV+CSS...
2006-09-09
一些不标准的东西，不过还是有点用处
一些不标准的东西，不过还是有点用处...
2006-09-09
同一个页面用多个id有什么影响
同一个页面用多个id有什么影响...
2006-09-09
w3c技术架构介绍
w3c技术架构介绍...
2006-09-09
用DIV+CSS如何实现这种表格效果
用DIV+CSS如何实现这种表格效果...
2006-09-09
图片翻转菜单技术研究
图片翻转菜单技术研究...
2006-09-09
HTML标记
HTML标记...
2006-07-07
HTML DOM setInterval和clearInterval方法案例详解
这篇文章主要介绍了HTML DOM setInterval和clearInterval方法案例详解
2021-08-08
关于在HTML网页制作中如何添加背景图片
这篇文章主要介绍了关于在网页制作中如何添加背景图片,我们通常使用background来添加网页的背景图,需要的朋友可以参考下
2023-04-04

凸起的按钮效果

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具