注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

火力光波的博客

火一般的热情 光一样的速度

 
 
 

日志

 
 

html超牛的button按钮  

2009-12-28 20:39:27|  分类: 按钮编辑 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

html超牛的button按钮

01、按钮字会动

<BUTTON onclick="examp01='例子1';examp02='例子2';alert(examp01+='按钮中的字会动')">
<MARQUEE behavior=alternate>按钮字会动</MARQUEE></BUTTON>

02、按钮中写文章

 <BUTTON onclick="alert(examp01+'可'+examp02+'更牛逼,还有文章呢!')"><PRE><div align=center width="80%">baiduspider是搜索引擎的一个自动程序。<BR>它的作用是访问互联网上的html网页,建立<BR>索引数据库,使用户能在百度搜索引擎中搜索<BR>到您网站的网页。</div></PRE></BUTTON>

 

03、竖按钮

<BUTTON onclick="alert('竖按钮')">你<BR>好</BUTTON>

04、按钮中加图片

<BUTTON onclick="alert('按钮中图片')"><IMG src="http://bbs.51js.com/images/default/star_level3.gif"><IMG src="http://bbs.51js.com/images/default/star_level2.gif"><IMG src="http://bbs.51js.com/images/default/star_level1.gif"></BUTTON>

05、按钮背景颜色

<BUTTON style="BACKGROUND-COLOR: #9cc5f8">你好</BUTTON>

06、按钮中套按钮

<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 direction=right behavior=alternate><BUTTON>按钮中间</BUTTON></MARQUEE></BUTTON></MARQUEE></BUTTON>

07、按钮中加表格

<button><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> <table border=0><tr><td><button>11</button> </td><td><button>12</button> </td><td><button>13</button> </td></tr><tr><td><button>21</button></td><td><button>22</button></td><td><button>23</button></td></tr>
<tr><td><button>31</button></td><td><button>32</button></td><td><button>33</button></td></tr></table>
</button>

08、按钮中的分组框

<button onclick=alert('分组框')><fieldset style="padding: 2"><legend>分组框</legend>Halo !</fieldset></button>

09、按钮中的水平线
<BUTTON onclick="alert('水平线哦')"> 水平线<BR><HR width=50 SIZE=1><BR>
<HR width=50 SIZE=5><BR><HR width=100 SIZE=1><BR><HR width=100 SIZE=5><BR>
<HR width=150 SIZE=1><BR><HR width=150 SIZE=5><BR><HR>
</BUTTON>

 html超牛的button按钮 - 火力光波 - 火力光波的博客

10、按钮中的框架
<BUTTON onclick="alert('框架网易')"><IFRAME name=1 src="http://www.163.com/">浏览器不支持嵌入式框架,或被配置为不
显示嵌入式框架。</IFRAME></BUTTON>

html超牛的button按钮 - 火力光波 - 火力光波的博客  

11、按钮中的flash
<BUTTON onclick="alert('Flash')"><object classid="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000" id="obj1"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" border="0" width="300" height="240">
              <param name="movie" value="
http://www.56.com/ap_92986273.swf">
              <param name="quality" value="High"></object>
</button>

 html超牛的button按钮 - 火力光波 - 火力光波的博客

12、按钮中的播放器

<BUTTON> <EMBED src=http://mat1.qq.com/cq/images/zt/suoai/laogongiloveyou.mp3 width=300 height=40 type=audio/mpeg><BR>老公老公我爱你</BUTTON>

 

说明:由于网易屏蔽了有关代码,因此点击按钮弹出信息、移动效果等不能实现,有的是以图片替代。

 

按钮图片素材及链接代码 - 火力光波 - 火力光波的博客 

 

来源: 【html】超级牛B的button标签

  评论这张
 
阅读(1034)| 评论(6)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017