页面导航：首页 → 网络编程 → CSS/HTML → 正文内容

凸起的按钮效果

发布：dxy 字体：[增加减小] 类型：转载

点击运行可以看到效果:

<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 全选提示:你可先修改部分代码,再按运行]

点击运行可以看到效果:
[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

点击运行可以看到效果:

<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 全选提示:你可先修改部分代码,再按运行]

Tags：凸起的按钮效果

浏览次数：载入中... 打印本文关闭本文返回首页

0

顶一下

上一篇文章：如何设置网页的背景为透明
下一篇文章：html在线编辑器的更新[2006-05]

·在百度中搜索关于“凸起的按钮效果”相关内容
·在谷歌中搜索关于“凸起的按钮效果”相关内容

文章评论

共有位脚本之家网友发表了评论我来说两句

凸起的按钮效果

文章评论

同类文章

最近更新

热点排行

凸起的按钮效果

文章评论

同 类 文 章

最 近 更 新

热 点 排 行

同类文章

最近更新

热点排行