微软风格的按钮

站内搜索

热门关键字：表格超链接漂浮跟随旋转闪烁日期艺术字滚动点击关联菜单弹出随机

网页特效分类

网页特效分类 >> CSS相关

微软风格的按钮

[ 发布者：肥鱼 | 来源：本站整理 | 时间：2005-11-21 | 浏览：人次 ]

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>网页特效|JcwCn.Com/Js|---微软风格的按钮</title>
<style> 
.button2 
{ 
border-right:1px solid buttonhighlight; 
border-left:1px solid buttonshadow; 
border-bottom:1px solid buttonhighlight; 
border-top:1px solid buttonshadow 
} 

TD 
{ 
cursor: hand; font-size: 9pt; font-family: 宋体; text-align: center; text-valign: middle 
} 

.handin 
{ 
height:18px; 
width:2px; 
border-left:1px solid buttonshadow; 
border-right:1px solid buttonhighlight 
} 

.handout 
{ 
height:18px; 
width:2px; 
border-left:1px solid buttonhighlight; 
border-right:1px solid buttonshadow; 
} 
.into 
{ 
width:100%; 
border-right:1px solid buttonhighlight; 
border-left:1px solid buttonshadow; 
border-bottom:1px solid buttonhighlight; 
border-top:1px solid buttonshadow 
} 

.outto,.button1 
{ 
background-color: buttonface; 
background-repeat: repeat; 
background-attachment: scroll; 
border-left: 1px solid buttonhighlight; 
border-right: 1px solid buttonshadow; 
border-top: 1px solid buttonhighlight; 
border-bottom: 1px solid buttonshadow; 
background-position: 0%" 
} 

.button0 
{ 

} 
</style> 
</head>
<body topmargin="0" leftmargin="0" bgcolor="#E0E0E0"> 
<script> 
function change_button(num) 
{ 
if(event.srcElement.tagName=="TD"&&event.srcElement.value=="button") 
event.srcElement.className = "button"+num; 
} 
</script> 

<div class="into" style="width: 100%; height: 25"> 
<table class="outto" border="0" width="100%" height="25" cellspacing="1" onmouseover="change_button(1)" onmouseup="change_button(0)" onmousedown="change_button(2)" onmouseout="change_button(0)"> 
d=bottom_style_1></DIV>
<DIV id=bottom_style_2></DIV>
<DIV id=bottom_style_3></DIV>
<DIV class=bottom_style_5>
CopyRight © 2006 <A class=dtlTxt href="http://www.jcwcn.com" tppabs="http://sc.jcwcn.com/tx/" target=_blank>JcwCn.Com</A> All Rights Reserved
<BR>
网页特效代码 | SC v2.0 Designed By JcwCn 有任何问题请与 
<a class=dtlTxt href="mailto:jcwcnmail@gmail.com">站长联系</a>  


</DIV>
<!--END: 页脚 -->

</body>

</html>