注册 | 登陆

您的位置：阿里西西 > 网页特效 > 页面特效 > 详细内容

几种好看的按钮

稿源：互联网 2022-07-23 05:12:57 点击： 0 撤稿纠错

几种不常见的按钮，动态显示，都挺漂亮的。

以下讨论的是和相关的几种好看的按钮教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

<script>
var examp01="";
var examp02="";
var examp07="";
var examp07add="";
var basetemp=0;
</script>
<a href="<#ZC_BLOG_HOST#>">站长特效网</a>,站长必备的高质量网页特效和广告代码。zzjs.net，站长js特效。
<br>
１、按钮字会动<br>
<button onclick="examp01='例子1';examp02='例子2';alert(examp01+='按钮中的字会动')"><marquee behavior=alternate >按钮字会动</marquee></button>
２、按钮中随意写文章<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>
３、竖按钮<br>
<button onclick=alert('竖按钮')>你<br>好</button>
４、按钮中加图片<br>
<button onclick=alert('按钮中图片')><img src=/image/zzjs.ico /><img src=/image/zzjs.ico /><img src=/image/zzjs.ico /></button>‡.按钮背景颜色<br>
<button style="BACKGROUND-COLOR: #9cc5f8;">你好</button>
６、按钮中套按钮<br>
<button onclick=alert('我是外按钮')><table><button onclick=alert('我是内按钮')>ok</button></table></button>
<button onclick=alert('我罩着你')>内按钮上方<table><button onclick=alert('誰罩着我?')>按钮中间</button></table>内按钮下方</button>
<button ><marquee behavior=alternate><button><marquee behavior=alternate direction=right><button>按钮中间</button></marquee></button></marquee></button>
７、按钮中加表格<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>
<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('偶是小弟'+examp07+',找老大要等')">33</button></td></tr></table></button>

关于几种好看的按钮的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/2016407563447.shtml方便下次再访问哦。

·上一篇： 左右文本框内容复制
·下一篇： 漂亮全选反选效果

相关阅读

文章分类LIST >>返回首页

排行总榜

避免你的邮箱地址被自动收集的代码
有趣的按钮
控制用按钮打开新窗口的属性
单击按钮或图片打开IE首页
点击按钮打印该页
仿软件浮动按钮
在规定时间内方有效的按钮
一个按钮完成对文本框内容的复制
按钮选中文本框内所有内容
Windows式样的按钮

最新游戏

最新新闻