zoukankan
html css js c++ java
一个不错的CSS模拟的按钮效果
代码如下:
<style type="text/css"> <!-- .btnOFF{padding:3px;border:1px outset;cursor:pointer;background-color: green;100px;height:16px;text-align:center;} .btnON{padding:3px;border:1px inset;background-color: #CCCC33;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" onclick="setEffect(0)">Google</span><span id="link" class="btnOFF" onclick="setEffect(1)">Baidu</span><span id="link" class="btnOFF" onclick="setEffect(2)">Sina</span><span id="link" class="btnOFF" onclick="setEffect(3)">Sohu</span><span id="link" class="btnOFF" onclick="setEffect(4)">CSDN</span><span id="link" class="btnOFF" onclick="setEffect(5)">CnBlogs</span></p>
[Ctrl+A 全选 提示:你可先修改部分代码,再点运行代码]
青苹果Web应用商店
https://webapp.taobao.com/
PHP/ASP.NET/ASP/UCHOME/DISCUZ! X系列网站开发,详细需求联系
QQ:8511978
查看全文
相关阅读:
Dreamweaver中SourceAnyWhere的使用
访问被拒绝:“AjaxPro”的解决方案
NDoc1.3.1使用手册
程序中操作Excel
模拟提交程序相关专题
利用SMTP服务发送电子邮件
如何使用树形控件
GDI+简单使用例子
程序中操作Word
签名工具使用介绍
原文地址:https://www.cnblogs.com/Dicky/p/167632.html
最新文章
问题解答集
常见问题FAQ
问题解答集
问题说明文档
问题解答集
李开复来我校演讲
问题解答集
问题解答集
常见问题FAQ
问题解答集
热门文章
常见问题FAQ
问题解答集
常见问题FAQ
问题解答集
屏蔽HTML中的script代码段
问题解答集
改进的CheckedListBox控件
GhstDoc2.1.1使用手册
SourceAnywhere使用手册
Web应用验证码方面总结(ASP.NET版)
Copyright © 2011-2022 走看看