凸起的按钮效果-前端--易笔记

<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需刷新才能执行]

<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>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

时间：2006/10/14