当前位置:编程学习 > JS >>

CSS美化Button按钮为链接样式

运用CSS技术将网页上Button按钮美化为链接样式,在鼠标划上去的时候,就可以看到按钮的边框颜色为发生变化,类似于文字链接的风格,除了CSS技术外,本例还用到了JavaScript技术。
答案:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> CSS按钮</TITLE>
</HEAD>
<BODY>
<input type="button" value="移过来试试" style="border:1 black solid;background:#f4f4f4" onmouseover="tst(this,'red','#ffffff')" onmouseout="tst(this,'black','#f4f4f4')">
<script>
function tst(obj0,obj1,obj2){
obj0.style.border="1 "+obj1+" solid";
obj0.style.background=obj2;
}
</script>
</BODY>
</HTML>

上一个:Js自动判断标题应当填何值
下一个:带说明,自动切换的跳转按钮代码

CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,