JS按钮特效源码.docx

资源描述

JS按钮特效源码.docx

《JS按钮特效源码.docx》由会员分享，可在线阅读，更多相关《JS按钮特效源码.docx（19页珍藏版）》请在冰豆网上搜索。

JS按钮特效源码.docx

JS按钮特效源码

1定制打开窗口

按钮特效篇--定制打开窗口

--案例代码开始-->

--[Step1]:

这里可以设置按钮的名称-->

--[Step2]:

在此能够更改按钮对应的网址-->

--[Step3]:

这里可以修改打开窗口的各种参数-->

--[Step4]:

在此能够设置打开窗口的宽度、高度-->

--[Step5]:

这里可以更改打开窗口的位置-->

--案例代码结束-->

2打开全屏窗口

按钮特效篇--打开全屏窗口

--案例代码1开始-->

functionOpenAllWindow（）{

--[Step1]:

这里可以设置按钮对应的网页地址-->

vartargeturl="

--[Step2]:

在此能够设置打开窗口的各种参数-->

NewWindow=window.open（"","","scrollbars＝yes,toolbar=yes,location=yes,status=yes,menubar=yes"）

if（document.all）{NewWindow.moveTo（0,0）;NewWindow.resizeTo（screen.width,screen.height）}

NewWindow.location=targeturl

}

--案例代码1结束-->

--案例代码2开始-->

--[Step3]:

这里可以更改按钮的名称-->

--案例代码2结束-->

3随意打开窗口

按钮特效篇--随意打开窗口

--案例代码1开始-->

functionCustomizeWindow（form）{

varaddress=document.form1.url.value;

varop_wid=document.form1.wid.value;

varop_heigh=document.form1.heigh.value;

varop_resize=（document.form1.resize.checked==true）?

varop_dir=（document.form1.dir.checked==true）?

varop_stat=（document.form1.stat.checked==true）?

varop_menu=（document.form1.menu.checked==true）?

varop_tool=（document.form1.tool.checked==true）?

varop_loc_box=（document.form1.loc_box.checked==true）?

varop_scroll=（document.form1.scroll.checked==true）?

varoption="toolbar="+op_tool+",directories="+op_dir+",location="+op_loc_box+",status="+op_stat+",scrollbars="+op_scroll+",resizeable="+op_resize+",menubar="+op_menu+",width="+op_wid+",height="+op_heigh;

varwin3=window.open（"","how_are_u_doing",option）;

varwin4=window.open（address,"how_are_u_doing"）;

}

functionClearWindow（form）{

document.form1.wid.value="";

document.form1.heigh.value="";

}

--案例代码1结束-->

--案例代码2开始-->

"method="post">

--[Step1]:

这里可以设置表格的边界框，数值大边框粗-->

--[Step2]:

在此能够修改表格内容的对齐方式-->

--[Step3]:

这里可以更改页面的提示信息-->

地址:

--[Step4]:

在此能够修改地址栏的列长度-->

//">

快捷键

地址栏

链接

状态栏

调大小

滚动条

菜单

宽度:

高度:

--[Step5]:

这里可以更改按钮的名称-->

--案例代码2结束-->

4返回默认首页

按钮特效篇--返回默认首页

--案例代码1开始-->

functionReturnHomePage（）{

if（document.layers）window.home（）

--[Step1]:

这里可以设置默认首页的网址-->

elsewindow.location="

}

--案例代码1结束-->

--案例代码2开始-->

--案例代码2结束-->

5按频道打开窗口

按钮特效篇--按频道打开窗口

--案例代码1开始-->

functionChannelWindow（）{

--[Step1]:

这里可以设置打开窗口的网页地址-->

window.open（"

}

--案例代码1结束-->

--案例代码2开始-->

--案例代码2结束-->

6显示特殊效果

按钮特效篇--显示特殊效果

--案例代码1开始-->

--[Step1]:

这里能够更改按钮显示的颜色和背景色-->

--[Step2]:

在此可以设置按钮的字体-->

.down{color:

#FF99FF;background:

#333300;font-style:

italic}

.over{color:

#99FF66;background:

#CC00CC}

--案例代码1结束-->

--案例代码2开始-->

--[Step3]:

这里能够修改按钮的名称-->

--案例代码2结束-->

7站点栏目跑马灯

按钮特效篇--站点栏目跑马灯

--案例代码1开始-->

if（!

document.layers&&!

document.all）event="test"

functionShowTip（current,e,text）{

if（document.all&&document.readyState=="complete"）{

document.all.ShowHideTip.innerHTML='

1pxsolidblack">'+text+''

document.all.ShowHideTip.style.pixelLeft=event.clientX+document.body.scrollLeft+10

document.all.ShowHideTip.style.pixelTop=event.clientY+document.body.scrollTop+10

document.all.ShowHideTip.style.visibility="visible"}

elseif（document.layers）{

document.ShowHideTip.document.nstip.document.write（''+text+''）

document.ShowHideTip.document.nstip.document.close（）

document.ShowHideTip.document.nstip.left=0

currentscroll=setInterval（"ScrollTip（）",100）

document.ShowHideTip.left=e.pageX+10

document.ShowHideTip.top=e.pageY+10

document.ShowHideTip.visibility="show"}

}

functionScrollTip（）{

if（document.ShowHideTip.document.nstip.left>=-document.ShowHideTip.document.nstip.document.width）

document.ShowHideTip.document.nstip.left-=5

else

document.ShowHideTip.document.nstip.left=150

}

functionHideTip（）{

if（document.all）

document.all.ShowHideTip.style.visibility="hidden"

elseif（document.layers）{

clearInterval（currentscroll）

document.ShowHideTip.visibility="hidden"}

}

--案例代码1结束-->

--案例代码2开始-->

--[Step1]:

这里可以更改跑马灯的矩形框大小-->

--[Step2]:

在此能够设置矩形框的背景色-->

absolute;visibility:

hidden;clip:

rect（0150500）;width:

150px;background-color:

#66FF00">

--[Step3]:

这里可以更改按钮的名称-->

--[Step4]:

在此能够设置页面站点信息对应的网址-->

--[Step5]:

这里可以修改页面站点的跑马灯信息-->

'）"onMouseOut="HideTip（）">	'）"onMouseOut="HideTip（）">
'）"onMouseOut="HideTip（）">	力争找到任何事，沟通所有人! '）"onMouseOut="HideTip（）">

--案例代码2结束-->

8窗口开关

按钮特效篇--窗口开关

--案例代码1开始-->

functionOpenWindow（）{

--[Step1]:

这里可以设置窗口打开的网址-->

onewindow=open（'','NewWindow'）;

}

functionCloseWindow（）{

onewindow.close（）;

}

--案例代码1结束-->

--案例代码2开始-->

--案例代码2结束-->

9说明浮动条