实用的HTML特效代码有哪些

发布时间：2022-03-10 11:34:09 来源：亿速云阅读：472 作者：小新栏目：web开发

这篇文章主要介绍实用的HTML特效代码有哪些，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！

　　1。忽视右键

　　<body>

　　或

　　2。加入背景音乐

　　IE:<bgsound src="" loop=infinite>

　　NS:<embed src="" autostart=true hidden=true loop=true>

　　</embed>

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

　　3。简单的window.open方法

　　<a href=""

　　>文字或图片</a>

　　参数解释：

　　<SCRIPT LANGUAGE="javascript"> 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为允许；

　　</SCRIPT> js脚本结束

　　4。简单的页面加密

<!--

　　function loopy（）{

　　var sWord="";

　　while（sWord!="login"）{sWord=prompt（"请输入你的登陆密码"）;}

　　alert（"登陆成功！"）;

　　}

　　loopy（）

　　//-->

　　</script>

　　5。拉动页面时背景图不动

　　<style>

　　body{background-image:url（logo.gif）;

　　background-repeat:no-repeat;background-position:center}

　　</style>

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

　　7。随机替换图片

　　document.write（<img src="

　　+.gif"height="40" width="50">

　　</script>

　　图片文件名为0.gif 1.gif 2.gif 3.gif 4.gif

　　8。窗口定时关闭

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

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

　　</script>

　　然后再在<body>标内加入如：<body>

　　9。网页自动关闭

　　<html>

　　<head>

　　<object id=closes type="application/x-oleobject"

　　classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">

　　</object>

　　</head>

　　<body>

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

　　</body>

　　</html>

　　10。网页自动刷新

　　在head部记入

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

　　11。网页自动转页

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

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

　　<div z-Index:2><object xxx></object> ＃前面

　　<div z-Index:1><object xxx></object> ＃后面

　　<div id="Layer2" style="position:absolute; top:40;width:400px;

　　height:95px;z-index:2"> height=100% width=100%>

　　</div>

　　<div id="Layer1" style="position:absolute; top:50;width:200px;

　　height:115px;z-index:1">

　　</div>

　　13。返回上一页

　　<a href=>『返回上一页』</a>

　　14。关闭窗口

　　15。关于iframe的透明背景

　　<IFRAME ID="iFrame1" SRC="iframe.htm"

　　allowTransparency="true"

　　style="background-color: green"></IFRAME>

　　16. 彻底屏蔽鼠标右键

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

　　<table border oncontextmenu=return（false）><td>no</table> 可用于Table

　　17.取消选取、防止复制

　　<body>

　　18.不准粘贴

　　onpaste="return false"

　　19. 防止复制

　　oncopy="return false;"

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

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

　　22. 关闭输入法

　　23. 永远都会带着框架

<script language="JavaScript"><!--

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

　　// --></script>

　　24. 防止被人frame

<SCRIPT LANGUAGE=JAVASCRIPT><!--

　　if （top.location !=self.location）top.location=self.location;

　　// --></SCRIPT>

　　25. 网页将不能被另存为

　　26. 查看网页源代码

　　27.删除时确认

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

　　function look（）{

　　if（event.shiftKey）

　　alert（"禁止按Shift键！"）; //可以换成ALT　CTRL

　　}

　　document.onkeydown=look;

　　</script>

　　29. 网页不会被缓存

　　或者<META HTTP-EQUIV="expires" CONTENT="0">

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

　　或

　　<input type=text style="border-left:none; border-right:none; border

　　-top:none; border-bottom: 1 solid #000000"></textarea>

　　31.不要滚动条？

　　让竖条没有：

　　</body>

　　让横条没有：

　　</body>

　　两个都去掉？更简单了

　　</body>

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

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

　　</form>

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

　　window.opener.location.reload（）

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

　　<body>

　　打开页面的位置<body>

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

　　<STYLE>

　　body

　　{background-image:url（logo.gif）; background-repeat:no-repeat;

　　background-position:center;background-attachment: fixed}

　　</STYLE>

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

<script language="Javascript"><!--

　　function checkNum（str）{return str.match（//D/）==null}

　　alert（checkNum（"1232142141"））

　　alert（checkNum（"123214214a1"））

　　// --></script>

　　38. 获得一个窗口的大小

　　document.body.clientWidth; document.body.clientHeight

　　39. 怎么判断是否是字符

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

　　else alert（"全是字符"）;

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

　　</textarea>

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

　　function cc（dd,dadd）

　　{

　　//可以加上错误处理

　　var a=new Date（dd）

　　a=a.valueOf（）

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

　　a=new Date（a）

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

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

　　</script>

　　42. 选择了哪一个Radio

　　function checkme（）

　　for each ob in radio1

　　if ob.checked then window.alert ob.value

　　end function

　　</script><BODY>

　　<INPUT name="radio1" type="radio" value="style" checked>Style

　　<INPUT name="radio1" type="radio" value="barcode">Barcode

　　</BODY></HTML>

　　43.脚本永不出错

　　</SCRIPT>

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

　　<input>

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

　　把如下代码加入<body>区域中：

　　tim=1

　　setInterval（"tim++",100）

　　b=1

　　var autourl=new Array（）

　　autourl[1]=""

　　autourl[2]="javacool.3322.net"

　　autourl[3]=""

　　autourl[4]=""

　　autourl[5]=""

　　function butt（）{

　　document.write（"<form name=autof>"）

　　for（var i=1;i<autourl.length;i++）

　　document.write（"<input type=text name=txt"+i+" size=10 value=测试中

　　……>=》<input type=text

　　name=url"+i+" size=40>=》<input type=button value=GO

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

　　document.write（"<input type=submit value=刷新></form>"）

　　}

　　butt（）

　　function auto（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++ }

　　function

　　run（）{for（var i=1;i<autourl.length;i++）document.write（"<img

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

　　nerror=auto（"http://"+autourl+""）>"）}

　　run（）</script>

　　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的图片全都设为表格的背景，表格的大小与图片的大小一样。这样做看起来是一样的，主要是防止鼠标经过图片时会出现另存的按钮。禁止鼠标右键的代码很简单：

　　function click（） { if （event.button==2）

　　{alert（呵呵，不好意思，你甭想使用右键下载图片：））; } } document.onmousedown=click

　　</script>

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

<!--

　　function testclip（）{

　　try {

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

　　{

　　null;

　　}

　　catch（e）{

　　clipboardData.setData（"Text",""）

　　}

　　setTimeout（"testclip（）",500）

　　}

　　testclip（）;

　　//-->

　　</script>

以上是“实用的HTML特效代码有哪些”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注亿速云行业资讯频道！

向AI问一下细节

实用的HTML特效代码有哪些

猜你喜欢

最新资讯

相关推荐

相关标签