书签分享收藏举报版权申诉 / 23

立即下载加入VIP,免费下载

当前位置：首页 > 经管营销 > 经济市场 > 按钮的js样式设置.docx

按钮的js样式设置.docx

文档编号：11214021
上传时间：2023-02-25
格式：DOCX
页数：23
大小：19.01KB

按钮的js样式设置.docx

《按钮的js样式设置.docx》由会员分享，可在线阅读，更多相关《按钮的js样式设置.docx（23页珍藏版）》请在冰豆网上搜索。

按钮的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）?

1:

0;

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

1:

0;

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

1:

0;

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

1:

0;

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

1:

0;

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

1:

0;

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

1:

0;

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说明浮动条

文档加载中……请稍候！
如果长时间未打开，您也可以点击刷新试试。

下载文档到电脑，查找使用更方便

下载	加入VIP,免费下载

版权申诉 word格式文档无特别注明外均可编辑修改；预览文档经过压缩，下载后原文更清晰！ 立即下载

配套讲稿：: 如PPT文件的首页显示word图标，表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
特殊限制：: 部分文档作品中含有的国旗、国徽等图片，仅作为作品整体效果示例展示，禁止商用。设计者仅对作品中独创性部分享有著作权。
关键词：: 按钮 js 样式设置

冰豆网所有资源均是用户自行上传分享，仅供网友学习交流，未经上传用户书面授权，请勿作他用。

关于本文

本文标题：按钮的js样式设置.docx
链接地址：https://www.bdocx.com/doc/11214021.html

按钮的js样式设置.docx

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

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

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

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

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

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

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

按钮特效篇--窗口开关

热门标签