runxinzhi.com
首页
百度搜索
一个不错的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
相关阅读:
20145330 第0周《信息安全系统设计基础》
20145330《Java程序设计》课程总结
20145330《Java程序设计》第五次实验报告
20145330第十周《Java学习笔记》
20145330第九周《Java学习笔记》
20145330《Java程序设计》第四次实验报告
20145330Java程序设计第三次实验
20145330第八周《Java学习笔记》
20145330第七周《Java学习笔记》
20145329 《信息安全系统设计基础》第七周学习总结
原文地址:https://www.cnblogs.com/Dicky/p/167632.html
最新文章
20145333 《信息安全系统设计基础》第五周学习总结
IA32寄存器与x86-64寄存器的区别
20145333 《信息安全系统设计基础》第五周学习总结(一)
20145333 《信息安全系统设计基础》第三周学习总结
20145333 《信息安全系统设计基础》第二周学习总结
20145333 《信息安全系统设计基础》第一周学习总结
20145333 《信息安全系统设计基础》第0周学习总结
20145333《Java程序设计》课程总结
《JAVA程序设计》第五次实验报告
20145331 《信息安全系统设计基础》第0周学习总结
热门文章
20145331《Java程序设计》课程总结
20145331实验五 Java网络编程及安全
20145331 《Java程序设计》第10周学习总结
20145331实验四 "Android开发基础"
2045331 《Java程序设计》第09周学习总结
201453131《Java程序设计》实验三实验报告
20145331 《Java程序设计》第8周学习总结
20145331 《Java程序设计》第2次实验报告
20145331 《Java程序设计》第7周学习总结
20145330 第1周《信息安全系统设计基础》
Copyright © 2020-2023
润新知