您的位置：首页 > 编程技术 > html  >  HTML常用网页特效

HTML常用网页特效

 更新时间：2016年9月20日 19:06  点击：2066

常用HTML特效代码

1。忽视右键 
　 <body oncontextmenu="return false"> 
　 或 
　 <body style="overflow-y:hidden"> 
2。加入背景音乐 
　 IE:<bgsound src="*.mid" loop=infinite> 
　 NS:<embed src="*.mid" autostart=true hidden=true loop=true> 
　 </embed> 
　 *.mid你的背景音乐的midi格式文件 
3。简单的window.open方法 
　 <a href="#" 
　 onclick="javascript :window.open(文件路径/文件名,newwindow, 
　 toolbar=no,scrollbars=yes,resizable=no,top=0,left=0, 
　 width=400,height=300);">文字或图片</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。简单的页面加密 
　 <script LANGUAGE="javascript"> 
　 <!-- 
　 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。让浏览器在保存页面时保存失败 
　 <NOSCRIPT><iframe src="*.html"></iframe></NOSCRIPT> 
7。随机替换图片 
　 <script> 
　 document.write(<img src="img/+parseInt(Math.random()*(5)) 
　 +.gif"height="40" width="50"> 
　 </script> 
　 图片文件名为0.gif 1.gif 2.gif 3.gif 4.gif 
8。窗口定时关闭 
　 先将如下代码网页文件的区： 
　 <script language="javascript"> 
　 function closeit() { setTimeout("self.close()",10000) //毫秒 } 
　 </script> 
　 然后再在<body>标内加入如：<body onload="closeit()"> 
9。网页自动关闭 
　 <html> 
　 <head> 
　 <object id=closes type="application/x-oleobject" 
　 classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"> 
　 <param name="Command" value="Close"> 
　 </object> 
　 </head> 
　 <body onload="window.setTimeout(closes.Click(),10000)"> 
　 这个窗口会在10秒过后自动关闭,而且不会出现提示. 
　 </body> 
　 </html> 
10。网页自动刷新 
　 在head部记入 
　 <META HTTP-EQUIV="Refresh" content="20"> 
　 其中20为20秒后自动刷新，你可以更改为任意值。 
11。网页自动转页 
　 <META HTTP-EQUIV="Refresh" CONTENT="时间(秒);URL=地址"> 
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%> 
　 <iframe width=0 height=0></iframe> 
　 </div> 
　 <div id="Layer1" style="position:absolute; top:50;width:200px; 
　 height:115px;z-index:1"> 
　 <iframe height=100% width=100%></iframe> 
　 </div> 
13。返回上一页 
　 <a href=javascript :history.back(1)>『返回上一页』</a> 
14。关闭窗口 
　 <a href=javascript :self.close()>『关闭窗口』</a> 
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 onselectstart="return false"> 取消选取、防止复制 
18.onpaste="return false" 不准粘贴 
19.oncopy="return false;" oncut="return false;" 防止复制 


20. <link rel="Shortcut Icon" href="favicon.ico"> IE地址栏前换成自己的图标 

21. <link rel="Bookmark" href="favicon.ico"> 可以在收藏夹中显示出你的图标 

22. <input style="ime-mode:disabled"> 关闭输入法 

23. 永远都会带着框架 
<script language="JavaScript"><!-- 
if (window == top)top.location.href = "frames.htm"; //frames.htm为框架网页 
// --></script> 

24. 防止被人frame 

<SCRIPT LANGUAGE=JAVASCRIPT><!-- 
if (top.location != self.location)top.location=self.location; 
// --></SCRIPT> 

25. 网页将不能被另存为 

<noscript><iframe src=*.html></iframe></noscript> 

26. 查看网页源代码 

<input type=button value=查看网页源代码 onclick="window.location = "view-source:"+ "http://www.pconline.com.cn""> 

27.删除时确认 

<a href="javascript :if(confirm("确实要删除吗?"))location="boos.asp? &areyou=删除&page=1"">删除</a> 

28.屏蔽功能键Shift,Alt,Ctrl 
<script> 
function look(){ 
if(event.shiftKey) 
alert("禁止按Shift键!"); //可以换成ALT　CTRL 
} 
document.onkeydown=look; 
</script>

http://wpa.qq.com/msgrd?V=1&Uin=********&Site=ioshenmue&Menu=yes 
*******处为QQ号，直接复制此代码放入IE中即可实现和那个QQ号聊天，但前提是你自己的QQ号需要登录。通常在网页中放入这段代码的方法:
<a href="http://wpa.qq.com/msgrd?V=1&Uin=********&Site=ioshenmue&Menu=yes" target="_blank">与客服聊天</a>

由于一个页面上,内容很少,如果直接打开，整个页面感觉很空，所以要用到网页对话框，用来只显示有内容的部分。使用格式：
SCRIPT LANGUAGE="javascript"> 
<!-- 
window.open ('page.html', 'newwindow', 'height=100, width=400, 
top=0, left=0, toolbar=no, menubar=no, scrollbars=no,
resizable=no,location=no,status=no') //这句要写成一行　
--> 
</SCRIPT> 
　　
'参数解释： 
'<SCRIPT LANGUAGE="javascript"> js脚本开始； 
window.open 弹出新窗口的命令； 
'page.html' 弹出窗口的文件名； 
'newwindow' 弹出窗口的名字（不是文件名），非必须，可用空''代替； 
height=100 窗口高度； 
width=400 窗口宽度； 
top=0 窗口距离屏幕上方的象素值； 
left=0 窗口距离屏幕左侧的象素值； 
toolbar=no 是否显示工具栏，yes为显示； 
menubar，scrollbars 表示菜单栏和滚动栏。 
resizable=no 是否允许改变窗口大小，yes为允许； 
location=no 是否显示地址栏，yes为允许； 
status=no 是否显示状态栏内的信息（通常是文件已经打开），yes为允许； 
'</SCRIPT> js脚本结束

通常在使用dw插入flash的时候，系统生成的代码如下：
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
 codebase="http://download.macromedia.com/pub/
shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="980" 
height="200">
  <param name="movie" value="images/ban.swf" />
  <param name="quality" value="high" />
  <embed src="images/ban.swf" quality="high" 
pluginspage="http://www.macromedia.com/go/getflashplayer" 
type="application/x-shockwave-flash" width="980" height="200">
</embed>
</object>
这样，会发现插入的flash文件挡掉了其他层，也就是其他后在这个flash文件后面，而这些层上面的内容必须要显示出来，所以需要在上面代码中加入以下一句就可以解决
<param name="wmode" value="transparent" />

常用的地方是:按回车进行提交表单信息，和点击按纽的效果是一样的。
<form name="form1" method="post" action="">
  <input type="text" name="username"><br>
  <input type="button" value="点击" onclick="javascript:s2()">
  </form>
  <script> 
document.onkeydown=function(){ss()} 
function ss() 
{ 
if(event.keyCode==13) 
{ 
alert(form1.username.value); 
} 
} 
function s2()
{
 alert(form1.username.value);
}
</script>

[!--infotagslink--]

相关文章

  • 怎么用PS为人像脸部增加打散颗粒特效

    用PS将人像脸部打造成打散颗粒的效果，成品出来后很美，过程略复杂，需要耐心和细心。现在跟着步骤来做吧！ 1、首先在PS里面打开这张图。 2、选择快速选择工具的增加...2016-12-21

  • php中去除文字内容中所有html代码

    PHP去除html、css样式、js格式的方法很多，但发现，它们基本都有一个弊端：空格往往清除不了 经过不断的研究，最终找到了一个理想的去除html包括空格css样式、js 的PHP函数。...2013-08-02

  • php根据用户语言跳转相应网页

    当来访者浏览器语言是中文就进入中文版面，国外的用户默认浏览器不是中文的就跳转英文页面。 <&#63;php $lan = substr(&#8194;$HTTP_ACCEPT_LANGUAGE,0,5); if ($lan == "zh-cn") print("<meta http-equiv='refresh' c...2015-11-08

  • IE6-IE9中tbody的innerHTML不能赋值的解决方法

    IE6-IE9中tbody的innerHTML不能赋值，重现代码如下 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>IE6-IE9中tbody的innerHTML不能复制bug</title> </head> <body style="height:3...2014-06-07

  • 腾讯视频怎么放到自己的网页上?

    腾讯视频怎么放到自己的网页上?这个问题是一个基本的问题，要把腾讯视频放到自己的网页有许多的办法，当然一般情况就是直接使用它们的网页代码了，如果你要下载资源再放到...2016-09-20

  • 基于JavaScript实现网页倒计时自动跳转代码

    这篇文章主要介绍了基于JavaScript实现网页倒计时自动跳转代码 的相关资料,需要的朋友可以参考下...2015-12-29

  • XML、HTML、CSS与JS的区别整理

    在BS中，xml，html，css和js我们都学过，起初分不清这四者的区别和联系，随着知识的增长，有了一些体会，下面通过本文给大家简单介绍 XML、HTML、CSS与JS的区别，需要的朋友参考下...2016-02-21

  • 网页头部声明lang=”zh-cn”、lang=“zh”、lang=“zh-cmn-Hans”区别

    我们现在使用的软件都会自动在前面加一个申明了，那么在网页头部声明lang=”zh-cn”、lang=“zh”、lang=“zh-cmn-Hans”区别是什么呢？下面我们就一起来看看吧． 单...2016-09-20

  • Angular.js中下拉框实现渲染html的方法

    这篇文章主要给大家介绍了关于在Angular.js中下拉框实现渲染html的方法，文中通过示例代码介绍的非常详细，对大家具有一定的参考学习价值，需要的朋友们下面来跟着小编一起来学习学习吧。...2017-06-24

  • angularjs中ng-bind-html的用法总结

    这篇文章主要介绍了angularjs中ng-bind-html的用法总结，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧...2017-05-27

  • js实现可爱的气泡特效

    这篇文章主要为大家详细介绍了js实现可爱的气泡特效，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下...2020-09-05

  • PHP正则表达式过滤html标签属性(DEMO)

    这篇文章主要介绍了PHP正则表达式过滤html标签属性的相关内容，实用性非常，感兴趣的朋友参考下吧...2016-05-06

  • C#使用正则表达式过滤html标签

    最近在开发一个项目，其中有需求要求我们把一段html转换为一般文本返回，使用正则表达式是明智的选择，下面小编给介绍下C#使用正则表达式过滤html标签，需要的朋友参考下...2020-06-25

  • C# 使用 WebBrowser 实现 HTML 转图片功能的示例代码

    这篇文章主要介绍了C# 如何使用 WebBrowser 实现 HTML 转图片功能，文中示例代码非常详细，帮助大家更好的理解和学习，感兴趣的朋友可以了解下...2020-11-03

  • C#实现Winform中打开网页页面的方法

    这篇文章主要介绍了C#实现Winform中打开网页页面的方法,涉及WinForm中WebBrowser的相关使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下...2020-06-25

  • js innerHTML 改变div内容

    在做ajax无刷新时,我想很多朋友都会知道js innerHTML来更改 div 或table里面的值哦. JavaScript的innerHTML 永远不知道你可以改变的内容，一个HTML元素？也许你要...2016-09-20

  • Go语言通过http抓取网页的方法

    这篇文章主要介绍了Go语言通过http抓取网页的方法,实例分析了Go语言通过http操作页面的技巧,需要的朋友可以参考下...2020-05-05

  • IE6-IE9使用JSON、table.innerHTML所引发的问题

    这篇文章主要介绍了IE6-IE9使用JSON、table.innerHTML所引发的问题 ,需要的朋友可以参考下...2015-12-24

  • C#抓取网页数据 解析标题描述图片等信息 去除HTML标签

    本文主要一步一步介绍利用C#抓取页面数据的过程，抓取HTML，获取标题、描述、图片等信息，并去除HTML，希望对大家有所帮助。...2020-06-25

  • JS实现pasteHTML兼容ie,firefox,chrome的方法

    这篇文章主要介绍了JS实现pasteHTML兼容ie,firefox,chrome的方法,涉及javascript针对页面元素的动态操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下...2016-06-24