0
点赞
收藏
分享

微信扫一扫

一个不错的CSS模拟的按钮效果

hwwjian 2022-08-24 阅读 120


代码如下:

<style type="text/css">
<!--
.btnOFF{padding:3px;border:1px outset;cursor:pointer;background-color: green;width:100px;height:16px;text-align:center;}
.btnON{padding:3px;border:1px inset;background-color: #CCCC33;width:100px;height:16px;text-align:center;color:red;}
-->
</style>

<script language="JavaScript">
<!--
function setEffect(link_id)
{
var i;
for(i=0;i<link.length;i++)
{
if(i != link_id)
{
link[i].className = "btnOFF";
}
else
{
link[i].className = "btnON";
}
}
}
//-->
</script>

<p align=center><span id="link" class="btnOFF" οnclick="setEffect(0)">Google</span><span id="link" class="btnOFF" οnclick="setEffect(1)">Baidu</span><span id="link" class="btnOFF" οnclick="setEffect(2)">Sina</span><span id="link" class="btnOFF" οnclick="setEffect(3)">Sohu</span><span id="link" class="btnOFF" οnclick="setEffect(4)">CSDN</span><span id="link" class="btnOFF" οnclick="setEffect(5)">CnBlogs</span></p>

举报

相关推荐

0 条评论