爱易网
IT新闻
IT新闻
爱易资讯
网站搭建
云虚拟主机教程
云服务器教程
Apache教程
IIS教程
Nginx教程
网站策划
站长文章
推广教程
淘宝客教程
网页设计
HTML教程
XHTML教程
CSS教程
HTML5教程
CSS3教程
JavaSript基础
JQuery教程
Node.js教程
前端技术
Ajax教程
Js特效
Xml教程
平面设计
页面UI设计
photoshop教程
程序开发
AI人工智能
Asp教程
Php教程
Asp.Net教程
Net Core教程
C#教程
Java教程
Jsp教程
开发技术
微信小程序教程
Uniapp开发教程
微信公众号开发
Andriod教程
IOS教程
DOS教程
Python教程
Docker教程
Windows Container教程
数据库
MSSQL教程
MySQL教程
Redis教程
Access教程
Oracle教程
数据库教程
操作系统
Linux教程
Windows教程
MAC教程
Cisco教程
交换机教程
防火墙教程
搜索
爱易网页
JS特效
网页有趣的按钮特效
网页有趣的按钮特效
日期:2014-05-18 浏览次数:20256 次
以下是HTML网页特效代码,点击运行按钮可查看效果:
以下是程序代码
<script> var examp01=""; var examp02=""; var examp07=""; var examp07add=""; var basetemp=0; </script><br> 1、按钮字会动<br> <button onclick="examp01='例子1';examp02='例子2';alert(examp01+='按钮中的字会动')"><marquee behavior=alternate >按钮字会动</marquee></button><p> 2、按钮中随意写文章<br> <button onclick="alert(examp01+'可'+examp02+'更牛逼,还有文章呢!')"><pre><br><div width=80% align=left>baiduspider是<a href="http://www.baidu.com" title="喝,还有超链接呢" target=_blank>百度</a>搜索引擎的一个自动程序。<br>它的作用是访问互联网上的html网页,建立<br>索引数据库,使用户能在百度搜索引擎中搜索<br>到您网站的网页。</div><br></pre></button><p> 3、竖按钮<br> <button onclick=alert('竖按钮')>你<br>好</button><p> 4、按钮中加图片<br> <button onclick=alert('按钮中图片')><img src=/files/allimg/081026/2326550.gif><img src=/files/allimg/081026/2326551.gif><img src=/files/allimg/081026/2326552.gif></button><p>‡.按钮背景颜色<br> <button style="BACKGROUND-COLOR: #9cc5f8;">你好</button><p> 6、按钮中套按钮<br> <button onclick=alert('我是外按钮')><table><button onclick=alert('我是内按钮')>ok</button></table></button><p> <button onclick=alert('我罩着你')>内按钮上方<table><button onclick=alert('誰罩着我?')>按钮中间</button></table>内按钮下方</button><p> <button ><marquee behavior=alternate><button><marquee behavior=alternate direction=right><button>按钮中间</button></marquee></button></marquee></button><p> 7、按钮中加表格<br> <button onclick=alert('3x3表格')><table border=1><tr><td>11</td><td>12</td><td>13</td></tr><tr><td>21</td><td>22</td><td>23</td></tr><tr><td>31</td><td>32</td><td>33</td></tr></table></button><p> <button onclick="if( basetemp==1){alert('我是老大,你call过偶小弟:'+examp07add);examp07add='';}else{alert('小样直接找我就说^_^')};basetemp=0;"><table border=0><tr><td><button onclick="examp07add=examp07add+'\,'+this.innerHTML;examp07=this.innerHTML;basetemp=1;alert('偶是小弟'+examp07+',找老大要等')">11</button></td><td><button onclick="examp07add=examp07add+'\,'+this.innerHTML;examp07=this.innerHTML;basetemp=1;alert('偶是小弟'+examp07+',找老大要等')">12</button></td><td><button onclick="examp07add=examp07add+'\,'+this.innerHTML;examp07=this.innerHTML;basetemp=1;alert('偶是小弟'+examp07+',找老大要等')">13</button></td></tr><tr><td><button onclick="examp07add=examp07add+'\,'+this.innerHTML;examp07=this.innerHTML;basetemp=1;alert('偶是小弟'+examp07+',找老大要等')">21</button></td><td><button onclick="examp07add=examp07add+'\,'+this.innerHTML;examp07=this.innerHTML;basetemp=1;alert('偶是小弟'+examp07+',找老大要等')">22</button></td><td><button onclick="examp07add=examp07add+'\,'+this.innerHTML;examp07=this.innerHTML;basetemp=1;alert('偶是小弟'+examp07+',找老大要等')">23</button></td></tr><tr><td><button onclick="examp07add=examp07add+'\,'+this.innerHTML;examp07=this.innerHTML;basetemp=1;alert('偶是小弟'+examp07+',找老大要等')">31</button></td><td><button onclick="examp07add=examp07add+'\,'+this.innerHTML;examp07=this.innerHTML;basetemp=1;alert('偶是小弟'+examp07+',找老大要等')">32</button></td><td><button onclick="examp07add=examp07add+'\,'+this.innerHTML;examp07=this.innerHTML;basetemp=1;alert('偶是小弟'+ex
上一篇:狡猾的按钮特效
下一篇:一个全选,反选操作操作特效,分享一下!
免责声明:
本文仅代表作者个人观点,与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
相关资料
更多>
聚美向左,唯品向右,怎能耐得住高跟和红唇的诱惑!
华为野心布局未来:投资研发5G对赌1毫秒连接
苹果大中华区业绩回暖 中移动贡献或低于预期
柳传志马云陷舆论漩涡:请不要辜负这个时代
黑莓高管:黑莓能作为家“小众公司”活下来
广电总局回应美剧下架:不是所有信息可公开
唯品会股价飙升 引天猫当当京东进军闪购
牟贵先挂帅 国美在线“价钱战”昔日开打
刘强东向总理建言:打击有组织有规模的售假商家
推荐阅读
更多>
永不磨灭的九大尖端编程语言
Facebook思科联手推免费WiFi 欲覆盖全美
苹果30亿美元收购Beats
评论:马云的成功建立在什么基础上很值得怀疑
湖南卫视扶持芒果TV杀入媒体:版权独播不分销
移动联通回应税率改革:短期内收入利润将大减
腾讯再次重申:普通微信誉户相对不收费
京东封杀财付通:终极目标是电商生态圈
埃里克杰克森:阿里IPO估值至少1500亿美元
牟贵先挂帅 国美在线“价钱战”昔日开打
同样的背景,罗永浩和雷军到底有什么不同?
中兴通讯不打机海战术 将向中高端手机转型
电信设备商淘金中国4G:华为中兴领衔
微软为避免代理权争夺 与大股东达成和解协议
中电信率先推移动转售业务 中下旬批量上市
IT企业人才争夺战打响:员工待遇水涨船高
谷歌欲收买WhatsApp添加砝码 对方否认
诺基亚仍是第二大手机商:功用机有利可图
继续涨:微博IPO第二交易日 收盘大涨11.71%
诺基亚称不会更名“微软移动” 5月还将发布新品