收藏

下载资源 加入VIP,免费下载

HTML特效代码.docx

上传人：b****3 文档编号：5077369 上传时间：2023-05-08 格式：DOCX 页数：47 大小：39.12KB

下载 相关 举报

第1页 / 共47页

第2页 / 共47页

第3页 / 共47页

第4页 / 共47页

第5页 / 共47页

第6页 / 共47页

第7页 / 共47页

第8页 / 共47页

第9页 / 共47页

第10页 / 共47页

第11页 / 共47页

第12页 / 共47页

第13页 / 共47页

第14页 / 共47页

第15页 / 共47页

第16页 / 共47页

第17页 / 共47页

第18页 / 共47页

第19页 / 共47页

第20页 / 共47页

亲，该文档总共47页，到这儿已超出免费预览范围，如果喜欢就下载吧！

下载资源

资源描述

HTML特效代码.docx

《HTML特效代码.docx》由会员分享，可在线阅读，更多相关《HTML特效代码.docx（47页珍藏版）》请在冰点文库上搜索。

HTML特效代码

HTML特效代码1。

忽视右键

　

　或

　

hidden">

2。

加入背景音乐

　IE:

　NS:

　

　*.mid你的背景音乐的midi格式文件

3。

简单的window.open方法

　

　onclick="javascript:

window.open（文件路径/文件名,newwindow,

　toolbar=no,scrollbars=yes,resizable=no,top=0,left=0,

　width=400,height=300）;">文字或图片

　参数解释：

　js脚本开始；

　window.open弹出新窗口的命令；

　文件路径/文件名弹出窗口的文件名；

　newwindow弹出窗口的名字（不是文件名），非必须，可用空代替；

　width=400窗口宽度；

　height=300窗口高度；

　top=0窗口距离屏幕上方的象素值；

　left=0窗口距离屏幕左侧的象素值；

　toolbar=no是否显示工具栏，yes为显示；

　menubar，scrollbars表示菜单栏和滚动栏。

　resizable=no是否允许改变窗口大小，yes为允许；

　location=no是否显示地址栏，yes为允许；

　status=no是否显示状态栏内的信息（通常是文件已经打开），yes为允许；

　js脚本结束

4。

简单的页面加密

　

　

--

　functionloopy（）{

　　varsWord="";

　　while（sWord!

="login"）{

sWord=prompt（"请输入你的登陆密码"）;

}

　　alert（"登陆成功！

"）;

　}

　loopy（）

　//-->

　

5。

拉动页面时背景图不动

　

6。

让浏览器在保存页面时保存失败

　

7。

随机替换图片

　

　图片文件名为0.gif1.gif2.gif3.gif4.gif

8。

窗口定时关闭

　先将如下代码网页文件的区：

　

　functioncloseit（）{setTimeout（"self.close（）",10000）//毫秒}

　

　然后再在标内加入如：

9。

网页自动关闭

　

　

　

　classid="clsid:

adb880a6-d8ff-11cf-9377-00aa003b7a11">

　

　

　

　

　这个窗口会在10秒过后自动关闭,而且不会出现提示.

　

　

10。

网页自动刷新

　在head部记入

　

　其中20为20秒后自动刷新，你可以更改为任意值。

11。

网页自动转页

　

12。

保持layer在最前面，而不被Iframe、Object所覆盖

　在Layer中再插Iframe或Object设z-Index值

　

2>＃前面

　

1>＃后面

　

absolute;top:

40;width:

400px;

　height:

95px;z-index:

2">height=100%width=100%>

　

　

　

absolute;top:

50;width:

200px;

　height:

115px;z-index:

1">

　

　

13。

返回上一页

　

history.back

（1）>『返回上一页』

14。

关闭窗口

　

self.close（）>『关闭窗口』

15。

关于iframe的透明背景

　

　allowTransparency="true"

　style="background-color:

green">

16.oncontextmenu="window.event.returnValue=false"将彻底屏蔽鼠标右键

no可用于Table

17.取消选取、防止复制

18.onpaste="returnfalse"不准粘贴

19.oncopy="returnfalse;"oncut="returnfalse;"防止复制

20.IE地址栏前换成自己的图标

21.可以在收藏夹中显示出你的图标

22.

disabled">关闭输入法

23.永远都会带着框架

--

if（window==top）top.location.href="frames.htm";//frames.htm为框架网页

//-->

24.防止被人frame

--

if（top.location!

=self.location）top.location=self.location;

//-->

25.网页将不能被另存为

26.查看网页源代码

"+""">

27.删除时确认

if（confirm（"确实要删除吗?

"））location="boos.asp?

&areyou=删除&page=1"">删除

28.屏蔽功能键Shift,Alt,Ctrl

29.网页不会被缓存

21:

57GMT">

或者

30.怎样让表单没有凹凸感？

1solid#000000">

或

none;border-right:

none;border-top:

none;border-bottom:

1solid#000000">

31.不要滚动条?

让竖条没有:

scroll;overflow-y:

hidden">

让横条没有:

scroll;overflow-x:

hidden">

两个都去掉？

更简单了

32.怎样去掉图片链接点击后，图片周围的虚线？

33.电子邮件处理提交表单

34.在打开的子窗口刷新父窗口的代码里如何写？

window.opener.location.reload（）

35.如何设定打开页面的大小

打开页面的位置

36.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动

37.检查一段字符串是否全由数字组成

--

functioncheckNum（str）{returnstr.match（//D/）==null}

alert（checkNum（"1232142141"））

alert（checkNum（"123214214a1"））

//-->

38.获得一个窗口的大小

document.body.clientWidth;document.body.clientHeight

39.怎么判断是否是字符

if（/[^/x00-/xff]/g.test（s））alert（"含有汉字"）;

elsealert（"全是字符"）;

40.TEXTAREA自适应文字行数的多少

41.日期减去天数等于第二个日期

functioncc（dd,dadd）

{

//可以加上错误处理

vara=newDate（dd）

a=a.valueOf（）

a=a-dadd*24*60*60*1000

a=newDate（a）

alert（a.getFullYear（）+"年"+（a.getMonth（）+1）+"月"+a.getDate（）+"日"）

}cc（"12/23/2002",2）

42.选择了哪一个Radio

functioncheckme（）

foreachobinradio1

ifob.checkedthenwindow.alertob.value

next

endfunction

Style

Barcode

43.脚本永不出错

--HidefunctionkillErrors（）{returntrue;}window.onerror=killErrors;//-->

44.ENTER键可以让光标移到下一个输入框

45.检测某个网站的链接速度：

把如下代码加入区域中:

tim=1

setInterval（"tim++",100）

b=1

varautourl=newArray（）

autourl[1]=""

autourl[2]=""

autourl[3]=""

autourl[4]=""

autourl[5]=""

functionbutt（）{

document.write（""）

for（vari=1;i

document.write（"

……>=》

name=url"+i+"size=40>=》

onclick=window.open（this.form.url"+i+".value）>
"）

document.write（""）

}

butt（）

functionauto（url）{

document.forms[0]["url"+b].value=url

if（tim>200）

{document.forms[0]["txt"+b].value="链接超时"}

else

{document.forms[0]["txt"+b].value="时间"+tim/10+"秒"}b++}

functionrun（）{for（vari=1;i

//"+autourl+"/"+Math.random（）+"width=1height=1nerror=auto（"http:

//"+autourl+""）>"）}

run（）

46.各种样式的光标

auto：

标准光标

default：

标准箭头

hand：

手形光标

wait：

等待光标

text：

I形光标

vertical-text：

水平I形光标

no-drop：

不可拖动光标

not-allowed：

无效光标

help：

?

帮助光标

all-scroll：

三角方向标

move：

移动标

crosshair：

十字标

e-resize

n-resize

nw-resize

w-resize

s-resize

se-resize

sw-resize

47、禁止鼠标右键，把Demo的图片全都设为表格的背景，表格的大小与图片的大小一样。

这样做看起来是一样的，主要是防止鼠标经过图片时会出现另存的按钮。

禁止鼠标右键的代码很简单：

functionclick（）{if（event.button==2）

{alert（呵呵，不好意思，你甭想使用右键下载图片：

））;}}document.onmousedown=click

48、在网页的Head部分加入如下代码，这段代码的主要功能是屏蔽PrintScreen键，不断清空剪贴版，防止图片被用文件——另存为菜单另存。

--

functiontestclip（）{

try{

if（clipboardData.getData（"Text"）||clipboardData.getData（"HTML"）||clipboardData.getData（"URL"））

{

null;

}

}

catch（e）{

clipboardData.setData（"Text",""）

}

setTimeout（"testclip（）",500）

}

testclip（）;

//-->

1.将彻底屏蔽鼠标右键

no可用于Table

2.取消选取、防止复制

3.不准粘贴

4.防止复制

5.IE地址栏前换成自己的图标

6.可以在收藏夹中显示出你的图标

7.

-Disabled">关闭输入法

8.永远都会带着框架

--

if（window==top）top.location.href="frames.htm";//frames.htm为框架网页

//-->

9.防止被人frame

--

if（top.location!

=self.location）top.location=self.location;

//-->

10.网页将不能被另存为

11.

onclick="window.location=`view-source:

`+

12.删除时确认

if（confirm（"确实要删除吗?

"location="boos.asp?

&areyou=删除&page=1"`>删

除

13.取得控件的绝对位置

//javascript

functiongetIE（E）{

vart=e.offsetTop;

varl=e.offsetLeft;

while（e=e.offsetParent）{

t+=e.offsetTop;

l+=e.offsetLeft;

}

alert（"top="+t+"/nleft="+l）;

}

//VBScript

--

functiongetIE（）

dimt,l,a,b

seta=document.all.img1

t=document.all.img1.offsetTop

l=document.all.img1.offsetLeft

whilea.tagName<>"BODY"

seta=a.offsetParent

t=t+a.offsetTop

l=l+a.offsetLeft

wend

msgbox"top="&t&chr（13）&"left="&l,64,"得到控件的位置"

endfunction

-->

14.光标是停在文本框文字的最后

• 登录
• 首页
• 资源分类
• 升级会员
• 通知公告
• 帮助中心