您现在的位置是：网站首页> 编程资料编程资料

凸起的按钮效果_CSS/HTML_

2023-05-25 361人已围观

简介凸起的按钮效果_CSS/HTML_

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

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

<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></b></td></tr></table>

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

上一篇：如何设置网页的背景为透明_CSS/HTML_

下一篇：带白边的黑字 css_CSS/HTML_

相关内容

点击排行

本栏推荐

猜你喜欢

-六神源码网