凸起的按钮效果

2022-04-15 0 1,141

<script language=javascript> 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”; } } 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=100 bgcolor=buttonface> <tr> <td width=100% name=”cool” bgcolor=buttonface onmouseover=’movr(this)’ onmouseout=’mout(this)’ onmouseup=’movr(this)’ onmousedown=’mdwn(this)’> button </td> <td width=100% bgcolor=buttonface onmouseover=’movr(this)’ onmouseout=’mout(this)’ onmouseup=’movr(this)’ onmousedown=’mdwn(this)’> button </td> <td width=100% bgcolor=buttonface onmouseover=’movr(this)’ onmouseout=’mout(this)’ onmouseup=’movr(this)’ onmousedown=’mdwn(this)’> button </td> <td width=100% bgcolor=buttonface onmouseover=’movr(this)’ onmouseout=’mout(this)’ onmouseup=’movr(this)’ onmousedown=’mdwn(this)’> button </td> </tr> </table>

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

<style> body{background: #DDD;} table { width: 450px;height:75; background: #CCC;filter:progid:DXImagetransform.microsoft.shadow(strength=10,direction=135,color=#666666); } td{text-align: center;} td a{ width: 100px; 30px; text-align: center; border-top: 2px solid #FFF; border-bottom: 2px solid #333; text-decoration: none;padding:3px; } td a:hover{ background: #DDD;font-family:华文行楷;padding:5px; } td a:active { padding:7px; color: #ED1C24; font-weight: bold; } </style> <table border=”0″ align=”center”> <tr> <td><a href=”#”>金翅擘海</a></td><td><a href=”#”><B><font color=”#22FF22″>知</font><font color=”#FF2222″>往</font><font color=”#001199″>观</font><font color=”#00fffa”>来</font></B></a></td><td><a href=”#”>独来读网</a></td><td><a href=”#”>野火寒烟</a></td> </tr> <tr> <td><a href=”#”>萧萧小雨</a></td><td><a href=”#”>湖面无舟</a></td><td><a href=”#”>孤零飘客</a></td><td><a href=”#”>天牙海脚</a></td> </tr> </table>

[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)’> <Font Size=4 Face=”微软简行楷”><Font Color=”#FF0080″>鹤</Font><Font Color=”#AA55AA”>发</Font><Font Color=”#55AAD4″>童</Font><Font Color=”gold”>颜</Font></Font> </td> <td width=100% bgcolor=buttonface onmouseover=’movr(this)’ onmouseout=’mout(this)’ onmouseup=’movr(this)’ onmousedown=’mdwn(this)’> <Font Size=4 Face=”微软简行楷”><Font Color=”#FF00FF”>青</Font><Font Color=”#0080FF”>梅</Font><Font Color=”#55C000″>竹</Font><Font Color=”#FF0000″>马</Font></Font> </td> <td width=100% bgcolor=buttonface onmouseover=’movr(this)’ onmouseout=’mout(this)’ onmouseup=’movr(this)’ onmousedown=’mdwn(this)’> <b><font color=”#FF0000″>知</font><font color=”#55C000″>往</font><font color=”#0080FF”>观</font><font color=”#FF00FF”>来</font></b> </td> <td width=100% bgcolor=buttonface onmouseover=’movr(this)’ onmouseout=’mout(this)’ onmouseup=’movr(this)’ onmousedown=’mdwn(this)’> <B><font color=”Red”>金</font></B><B><font color=”green”>翅</font></B><B><font color=”orange”>擘</font></B><B><font color=”blue”>海</font></B><B> </td> </tr> </table>

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

免责声明:
1、本网站所有发布的源码、软件和资料均为收集各大资源网站整理而来;仅限用于学习和研究目的,您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。 不得使用于非法商业用途,不得违反国家法律。否则后果自负!

2、本站信息来自网络,版权争议与本站无关。一切关于该资源商业行为与www.niceym.com无关。
如果您喜欢该程序,请支持正版源码、软件,购买注册,得到更好的正版服务。
如有侵犯你版权的,请邮件与我们联系处理(邮箱:skknet@qq.com),本站将立即改正。

NICE源码网 CSS/HTML 凸起的按钮效果 https://www.niceym.com/14098.html