长风在线-首页
 首页 >> 软件文库 >> 网页设计 >> 正文
网页特效<二>按钮特效
来源: 作者: 阅读: 次 字体:

1.让屏幕抖动一阵

<input onclick="www_cf66_net(2)" type="button" value="地震啦!!!">
<script language="JavaScript">
<!--
function surfto(form) {
var myindex=form.select1.selectedIndex
if (form.select1.options[myindex].value != null) {
parent.main.location.href=form.select1.options[myindex].value;
}
}
// -->
</script>
<script language="JavaScript1.2">
<!--
function www_cf66_net(n) {
if (window.top.moveBy) {
for (i = 10; i > 0; i--) {
for (j = n; j > 0; j--) {
window.top.moveBy(0,i);
window.top.moveBy(i,0);
window.top.moveBy(0,-i);
window.top.moveBy(-i,0);
}
}
}
alert(" 没吓坏吧!!! ");
}
// -->
</script>
      
2.特殊效果的按钮

<style type="text/css">
<!--
.over {color:yellow; background: navy}
.down {color:yellow; background: navy; font-style: italic}
-->
</style>
<input
type="Button" value="按钮也疯狂"  name="Button"
onMouseOver="this.className=’over’;"
onMouseOut="this.className=’’;this.value=’按钮也疯狂’"
onMouseDown="this.className=’down’;"
onMouseUp="this.className=’over’;"
onClick="this.value=’我真的好喜欢你!’">
      
3.各种用途的按钮大集合

<input TYPE="button" NAME="view" VALUE="查看源代码"
  OnClick="window.location=’view-source:’ +window.location.href" >

<input TYPE="button" VALUE="返回上一步" ONCLICK="history.back(-1)">

<input TYPE="button" VALUE="刷新按钮一" ONCLICK="ReloadButton()">
<script language="JavaScript">
<!--
function ReloadButton(){location.href="3.html";}
// -->
</script>

<p>
<input TYPE="button" VALUE="刷新按钮二" onClick="history.go(0)">

<input TYPE="button" VALUE="回首页按钮" ONCLICK="HomeButton()">
<script language="JavaScript">
<!--
function HomeButton(){location.href="http://www.cf66.net";}
// -->
</script>

<input TYPE="button" VALUE="弹出警告框" ONCLICK="AlertButton()">
<script language="JavaScript">
<!--
function AlertButton(){window.alert("今天你喝了没有?:)");}
// -->
</script>

<p>
<input TYPE="button" VALUE="状态栏信息" ONCLICK="StatusButton()">
<script language="JavaScript">
<!--
function StatusButton(){window.status="你好吗?:)";}
// -->
</script>

<input TYPE="button" VALUE="背景色变换" onClick="BgButton()">
<script language="JavaScript">
<!--
function BgButton(){
if (document.bgColor==’#3399ff’)
{document.bgColor=’#00ccff’;}
else{document.bgColor=’#3399ff’;}
}
// -->
</script>

<input TYPE="button" VALUE="打开新窗口" ONCLICK="NewWindow()">
<script language="JavaScript">
<!--
function NewWindow(){window.open("http://www.cf66.net","",
"height=600,width=800,left=10,top=10,
status=no,location=no,toolbar=no, directories=no,menubar=no");}
// -->
</script>

4.打开一个全屏窗口

<input type="button" onClick="www_cf66_net()" value="试试看" name="button">

<script>
<!--
function www_cf66_net(){
var targeturl="http://www.cf66.net"
newwin=window.open("","","scrollbars")
if (document.all){
newwin.moveTo(0,0)
newwin.resizeTo(screen.width,screen.height)
}
newwin.location=targeturl
}
//-->
</script>
      
5.全屏显示

<input type="BUTTON" name="FullScreen" value="全屏显示"
 onClick="window.open(document.location, ’www_cf66_net’, ’fullscreen’)">

转载本站文章请注明 来源:长风在线 http://www.CF66.Net
上一篇: 网页特效<一>典型特效
下一篇: 网页特效<三>页面背景
【投稿日期:2006-11-17 19:07:18】【责任编辑:】【会员投稿】【收藏本页
 文章评论

会员名称:
密码:匿名 ·注册·忘记密码?
评论内容:
(最多300个字符)
  查看评论
 相关文章
- 网页特效<九>其他特效
- 网页特效<八>cookie
- 网页特效<七>图像特效
- 网页特效<六>状态特效
- 网页特效<五>数字时钟
- 网页特效<四>鼠标特效
- 网页特效<三>页面背景
- 网页特效<一>典型特效
 >> 站 内 搜 索
 
 >> 推 荐 阅 读
- 他与3个女人的故事:浪子,
- 我的儿媳妇,撑起摇摇欲坠
- 新素食主义者 我行我素
- 单车运动,“骑”乐无穷
- 幸福在哪里——荆门女子的
- 诗人阿翔:无声世界里的旅行
- 我们能否再回到从前 - 我的
- 不能给她幸福,只能为她祝
- 农村汉子捐肾救妻叩开生命
- 银行卡该怎样使用?——专