HTML常用网页特效

常用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>

时间: 2024-10-13 17:18:52

HTML常用网页特效的相关文章

别为了网页特效而丢了SEO

"鱼与熊掌,不可兼得".网页特效本身也是提高用户体验度的一个途径.但我们做站最终目的是希望更多的人访问网站,继而能够盈利.因此,网页特效和SEO孰轻孰重,大伙心里应该有杆秤.大禹见过很多网站界面设计华丽.特效美轮美奂,但排名及流量却是惨不忍睹.以下笔者总结了几个大家常用的不利于SEO的网页特效,以供参考. 一.Flash导航栏   Flash导航可谓是SEO的大忌.除非你是追求视觉效果的纯flash站,否则就不要考虑.导航栏是吸引蜘蛛爬行最为重要的一环,采用简洁的设计.大号字体及加粗的

网页特效代码小集合

集合|特效|网页|网页特效 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=

网页特效:图片随机显示技巧

技巧|随机|网页|网页特效|显示 图片随机显示是一个应用非常广泛的技巧.比如随机banner的显示,当你进入一个网站时它的banner总是不同的,或者总有内容不同的提示(tips),大家在网上浏览时会经常发现这样的例子.使用这种技术,不但能在一定的空间里放入更多的内容,还可以给人一种经常更新的假象喔. 怎么样心动了吧?其实只要你有一点点html和javascript 的基础,一切都是这么简单.follow me,让我们来看看她随机的奥密. 让我们从一个简单的例子开始吧.平常我们在页面中加入图片都

美丽网页特效及其代码汇编

特效|网页|网页特效 把下面代码中用到的FLASH文件及图片文件自己保存就可以了! (一)天上散花 <CENTER><EMBED style="RIGHT: 280px; WIDTH: 600px; POSITION: absolute; TOP: 0px; HEIGHT: 1600px" align=right src=http://bbs.flasher123.com/UploadFile/2004-9/20049120533895073.swf type=app

网页特效之让css使网页图片半透明

css|特效|透明|网页|网页特效 你用过css么?当然,我是指你喜欢做网页的话,用过?很好,那你用过它的特效么?没有?那请跟我来.让我先通俗的介绍一下css,css不属于html,它属于html的辅助语言,在没有css之前,网页是静态的,但自从有了css 后,网页制作的历史就要重写了,css能给网页加入许多你想象不到的动态效果,这也是其中一点而已,因为css中有很多特效,例如我们今天讲的利用css使图片变透明. 也许你会问,GIF图片不是能透明吗?那干嘛还那么麻烦,嘿嘿,GIF是可以透明,但可

网页特效之用css样式表实现首字大写

css|大写|特效|网页|网页特效|样式表 css当中有许多平时很少用的属性,但是这些属性有时候被发掘出来以后就会立刻引起一些人的追逐,首字大写就是这样一种效果.最近越来越多的blogger开始在自己的blog中运用这一方法,东西很简单,下面就来给大家介绍一下用:first-letter伪类来实现这种效果的方法: :first-letter版本:CSS2 兼容性:IE5.5+ 语法: Selector : first-letter { sRules } 说明: 设置对象内的第一个字符的样式. 此

MSN消息提示类,网页特效

特效|网页|网页特效 <HTML><HEAD> <SCRIPT language=JavaScript>  <!--    /*  **    ==============================================  **    类名:CLASS_MSN_MESSAGE  **    功能:提供类似MSN消息框  **    示例:      ------------------------------------------------- 

入门:如何把网页特效代码加到自己的网页中?

特效|网页|网页特效 在网页制作过程中,有些特效要通过编辑代码来完成,或者通过编辑代码相对容易一些.那么,如果不会编写代码该怎么办呢?不必担心,有些雷锋式的热心网友把他们编写的特效代码在网上公布,供大家免费使用,让我们共同感谢这些网友的奉献精神! 代码的搜集与下载: 1.通过网络,搜索"网页代码"或者"网页源代码"等. 2.查看网页源代码.我们也可以通过浏览器的菜单栏-查看-源文件,查看我们正在浏览的任何网页的源代码,不过有些网页的源文件无法查看. 3.保存和编辑网

网页特效:滑动展开与折叠效果

特效|网页|网页特效    需要写个滑动展开折叠的效果,搜索到无忧脚本的一篇贴子,稍加修改了下使其在FF也可应用,代码如下:<script type="text/javascript"> //Url: http://bbs.51js.com/thread-61646-1-1.html //Author: 风云突变 //Modify: 枫岩 var act; function over(s,nMax){   var obj=document.getElementById(s)