当前位置：特效代码站 > 鼠标按钮 > 正文

windows风格的按钮效果

来源：www.texiao.org.cn作者：cheney时间：08-02-26 点击：

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

</body> 
</html>
</p>

[标签: windows风格, 按钮, 特效] [打印] [关闭]

上一篇：超级漂亮的图片弹性效果下一篇：注册时必须接受否则灰色的按钮特效

当前位置：特效代码站 > 鼠标按钮 > 正文

windows风格的按钮效果

本类最新

本类热门

相关代码

经典推荐

热门关注