网页经典代码
2009-11-23 15:02
411 查看
网页经典代码 ---------------------------------------------- 1. 将彻底屏蔽鼠标右键,无右键菜单 <body oncontextmenu="window.event.returnvalue=false"> 也可以用于网页中Table框架中 <table border oncontextmenu=return(false)><td>no</table> 2.取消选取、防止复制 <body onselectstart="return false"> 3.不准粘贴 <body onpaste="return false"> 4.防止复制 <body oncopy="return false;" oncut="return false;"> 5.IE地址栏前换成自己的图标 <link rel="Shortcut Icon" href="favicon.ico" mce_href="favicon.ico"> 说明:关于favicon.ico文件的制作。你可以先在FW中做一个图片,属于你自己站点一个小图标。然后在ACD see将文件属性改为*.ico,然后将你做的*.ICO文件传到你的服务器目录中,然后就可以使用以上代码来实现,当别人登陆你的站点时,地址栏里使用的就是你自定义的图标了。很PP哦。 6.可以在收藏夹中显示出你的图标 <link rel="Bookmark" href="favicon.ico" mce_href="favicon.ico"> 说明:制作方法和上面的一样。只是显示的方式不同,这个是在别人收藏你的网页地址时显示的个性图标。也很PP. 7.关闭输入法 <input style="ime-mode:disabled" mce_style="ime-mode:disabled"> 说明:这段代码是在表格提交时用到的。也就是在输入数据时不可以使用其他输入法模式。 8.永远都会带着框架 <mce:script language="javascript"><!-- if (window == top)top.location.href = "frames.htm"; // --></mce:script> 说明:frames.htm为你的网页,这也是保护页面的一种方法 9.防止被人frame <SCRIPT LANGUAGE=javascript><!-- if (top.location != self.location)top.location=self.location; // --></SCRIPT> 10.网页将不能被另存为 <noscript><iframe src="*.html" mce_src="*.html"></iframe></noscript> 说明:<noscirpt>的用法很广,其中一条就是可以使JS广告失效。 11.查源文件 <input type=button value=查看网页源代码 onclick="window.location = 'view-source:'+ http://myok.bokee.com';"> 12.COOKIE脚本记录,有很大的用处哦 function get_cookie(Name) { var search = Name + "=" var returnvalue = ""; if (documents.cookie.length > 0) { offset = documents.cookie.indexOf(search) if (offset != -1) { // if cookie exists offset += search.length // set index of beginning of value end = documents.cookie.indexOf(";", offset); // set index of end of cookie value if (end == -1) end = documents.cookie.length; returnvalue=unescape(documents.cookie.substring(offset, end)) } } return returnvalue; } function loadpopup(){ if (get_cookie('popped')==''){ openpopup() documents.cookie="popped=yes" } } 说明:以上是JS代码,请自己加起始符和结束符 13.内框架<IFRAME>使用 Iframe标记的使用格式是: <iframe src="URL" mce_src="URL" width="x" height="x" scrolling="[OPTION]" frameborder="x" name="main"></iframe> src:文件的路径,既可是HTML文件,也可以是文本、ASP等; width、height:"内部框架"区域的宽与高; scrolling:当SRC的指定的HTML文件在指定的区域不显不完时,滚动选项,如果设置为NO,则不出现滚动条;如为Auto:则自动出现滚动条;如为Yes,则显示; FrameBorder:区域边框的宽度,为了让“内部框架“与邻近的内容相融合,常设置为0。 name:框架的名字,用来进行识别。 比如: 当你想用父框架控制内部框架时,可以使用: target="框架的名字"来控制。 例子:<iframe name="mm" src="http://myok.bokee.com" mce_src="http://myok.bokee.com";; width="100%" height="100%" marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0" scrolling="no"></iframe> 14.自动跳转 在源代码中的<head>…</head>加入如下代码: <meta http-equiv="refresh"content="3;URL=http://myok.bokee.com; charset=gb2312"> 说明:content="3 表示3秒刷新到URL 15.如何改变链接的鼠标形状 只需在链接上加上这一代码就行的了 或者跟上面的用CSS写也行 style="cursor:hand" style="cursor:crosshair" style="cursor:text" style="cursor:wait" style="cursor:move" style="cursor:help" style="cursor:e-resize" style="cursor:n-resize" style="cursor:nw-resize" style="cursor:w-resize" style="cursor:s-resize" style="cursor:se-resize" style="cursor:sw-resize" 以上代码你只需要加到连接或是页面的style区里就可以实现鼠标多样化。 16.全屏显示 <form> <div align="center"> <input type="BUTTON" name="FullScreen" value="全屏显示" onClick="window.open(document.location, 'big', 'fullscreen=yes')"> </div> </form> 把它放到<body>区中。 17.设为首页 <mce:script language="javascript"><!-- function defaul_home(){ this.home.style.behavior='url(#default#homepage)';this.home.setHomePage(http://myok.bokee.com/';); } var focusok=false; if (navigator.appName == "Netscape"){ focusok=true; } vers=navigator.appVersion; if (navigator.appName == "Microsoft Internet Explorer"){ pos=vers.lastIndexOf('.'); vers=vers.substring(pos-1,vers.length); } proper_version=parseFloat(vers); if(proper_version>=5){ focusok=true; } function launchstock1(htmlurl){ var stock=window.open(htmlurl,"stock","top=2,left=2,toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes, resizable=no,width=700,height=510"); if(focusok){ stock.focus(); } return true; } function launchstock(){ var stock=window.open("","stock","top=2,left=2,toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes, resizable=no,width=700,height=510"); if(focusok){ stock.focus(); } return true; } // --></mce:script> <a href="#" mce_href="#" name="home" onClick="defaul_home();" title="==E代时光==">设为首页</a> 18.这里是加入收藏夹的代码 <a href="#" mce_href="#" onClick="window.external.addFavorite(http://myok.bokee.com';.'-=E代时光=-')" target="_self" title="-=E代时光=-">加入收藏夹</a> 19.flash图片效果 以下代码加入<head>区域 <SCRIPT language="javascript"> <!-- function makevisible(cur,which){ if (which==0) cur.filters.alpha.opacity=100 else cur.filters.alpha.opacity=20 } //--> </SCRIPT> 以下代码加入<body>区域 <img src="http://myok.bokee.com/pic/logo.gif" mce_src="http://myok.bokee.com/pic/logo.gif";; style="filter:alpha(opacity=20)" mce_style="filter:alpha(opacity=20)" onMouseOver="makevisible(this,0)" onMouseOut="makevisible(this,1)" width="63" height="56"> //图片地址请自己改 20.背景图片滚动 <body scroll="no" background="pic/bg.jpg" link="#00FF00" alink="#FF0000" vlink="#00FF00" bgcolor="#000080" topmargin="8"> <mce:script language="javascript"><!-- var backgroundOffset = 0; var bgObject = eval('document.body'); function scrollBG(maxSize) {backgroundOffset = backgroundOffset + 1; if (backgroundOffset > maxSize) backgroundOffset = 0; bgObject.style.backgroundPosition = "0 " + backgroundOffset;} var ScrollTimer = window.setInterval("scrollBG(410)", 20) // --></mce:script> 21.滚动特效 <marquee onMouseOver="this.stop()" onMouseOut="this.start()" scrollamount="2" scrolldelay="0" direction="up" width="330" height="120" border="0" align="center" id="MARQUEE1"> 欢迎光临山水天下 我们地址http://myok.blogchina.com </marquee> 22.让背景图不滚动 IE浏览器支持一个 Body 属性 bgproperties,它可以让背景不滚动: 〈Body Background="图片文件" bgproperties="fixed"〉 23.让你的网页无法另存为 <noscript><iframe src="*" mce_src="*"></iframe></noscript> 24.让IFRAME框架内的文档的背景透明 <iframe src="about :<body style="background:transparent" mce_style="background:transparent">" allowtransparency></iframe> 25.禁止右键: <body oncontextmenu="return false" ondragstart="return false" onselectstart ="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="return false"onmouseup="document.selection.empty()"> 26.进入页面后立即自动刷新? <meta http-equiv="refresh" content="120;url=http://myok.blogchina.com"> http://myok.blogchina.com,这是你自己的网址。 27.隐藏IFRAME的滚动条三种方法: 1. 设置iframe scrolling="no" 2. 被包含页body应用overflow:hidden 3. 被包含页的body标签加scroll="no" 28.加入背景音乐 <bgsound src="mid/min1.mid" mce_src="mid/min1.mid" loop="-1"> 只适用于IE <embed src="music.mid" mce_src="music.mid" autostart="true" loop="true" hidden="true"> 对Netscape ,IE 都适用 29.滚动 <MARQUEE direction=up height=146 onmouseout=start() onmouseover=stop() scrollAmount=4></marquee> 30.细线分隔线 <hr noshade size=0 color=#C0C0C0> 31.过度方式 <meta http-equiv="Page-Exit" content="revealTrans(Duration=3,Transition=5)"> Duration的值为网页动态过渡的时间,单位为秒。 Transition是过渡方式,它的值为0到23,分别对应24种过渡方式。如下表: 0 盒状收缩 1 盒状放射 2 圆形收缩 3 圆形放射 4 由下往上 5 由上往下 6 从左至右 7 从右至左 8 垂直百叶窗 9 水平百叶窗 10 水平格状百叶窗 11垂直格状百叶窗 12 随意溶解 13从左右两端向中间展开 14从中间向左右两端展开 15从上下两端向中间展开 16从中间向上下两端展开 17 从右上角向左下角展开 18 从右下角向左上角展开 19 从左上角向右下角展开 20 从左下角向右上角展开 21 水平线状展开 22 垂直线状展开 23 随机产生一种过渡方式 32.如何控制横向和纵向滚动条的显隐? <body style="overflow-y:hidden" mce_style="overflow-y:hidden"> 去掉x轴 <body style="overflow-x:hidden" mce_style="overflow-x:hidden"> 去掉y轴 <body scroll="no">不显 33.加入注释的格式是: 〈!-[注释内容…]--〉 34.怎样在网页中加入 E-mail 链接并显示预定的主题? 〈A href="mailto:e3i5@e3i5.net?subject=主题"〉……〈/a〉 35.定义本网页关键字,可以在〈Head〉〈/Head〉中加入如下代码: 〈meta name="Keywords" content="山水天下"〉 Content 中所包含的就是关键字,你可以自行设置。 这里有个技巧,你可以重复某一个单词,这样可以提高自己网站的排行位置,如: 〈meta name="Keywords" content="山水天下"〉 36.添加到收藏夹: 〈a href="java script:window.external.addFavorite(http://myok.blogchina.com','http://myok.blogchina.com');"〉添加到收藏夹〈/a〉 37.设为首页: 〈a href=# onclick=this.style.behavior='url(#default#homepage)';this.setHomePage(http://myok.blogchina.com);〉设为首页〈/a〉 38.定制浏览器地址栏前的小图标: A:在网页的〈head〉〈/head〉间加入以下语句: 〈link rel="shortcuticon" href="http://…/icon.ico"〉 即可。其中 icon.ico 为 16x16 的图标文件,颜色不要超过 16 色。 39.表格的分隔线可以隐藏 <table border rules=cols cellspacing=0 align=left> 可以隐藏横向的分隔线 <table border rules=rows cellspacing=0 align=right>可以隐藏纵向的分隔线 <table border rules=none cellspacing=0 align=center>可以隐藏横向和纵向的分隔线 40.表格的边框不断在闪 以下方法可以令表格的边框不断在闪,很实用的 在BODY区加上 <table border="0" width="280" id="myexample" style="border:5px solid yellow"> <tr> <td>加入任意的物件.加入任意的物件. <br>加入任意的物件.加入任意的物件. <br>加入任意的物件.加入任意的物件.</td> </tr> </table> <mce:script language="JavaScript1.2"><!-- function flashit(){ if (!document.all) return if (myexample.style.borderColor=="yellow") myexample.style.borderColor="lime" else myexample.style.borderColor="yellow" } setInterval("flashit()", 500) // --></mce:script> 41.普通表格 <table border="1" width="220" style="position: absolute; left: 11; top: 11" height="26" > <tr> <td width="100%">普通表格</td> </tr> </table> 42.正立方表格 <table border="1" width="220" bordercolorlight="#eeeeee" bordercolordark="#000000" style="position: absolute; left: 10; top: 49" height="26"> <tr> <td width="100%">正立方表格</td> </tr> </table> 43.细表格 <table border="0" frame=vsides width="219" bgcolor="#000000" cellspacing="1" cellpadding="0" height="22" style="position: absolute; left: 11; top: 86"> <tr bgcolor="#FFFFFF"> <td width="100%" height="2">细表格</td> </tr> </table> 44.立体表格 <table border="1" width="220" bordercolorlight="#ffffff" bordercolordark="#ffffff" style="position: absolute; left: 10; top: 112" height="34"> <tr> <td width="100%" bgcolor="#B7B7B7" bordercolorlight="#000000" bordercolordark="#eeeeee" >立体表格</td> </tr> </table> 45.无名表格 <table width="220" align="center" style="position: absolute; left: 246; top: 12" height="51"> <tr> <td><fieldset style="width:220" align="center"> <legend> 无名表格 </legend> <p align="right"> </fieldset> <br> </td> </tr> </table> 46.表中表效果Ⅱ <table width="220" align="center" style="position: absolute; left: 245; top: 89" height="110"> <tr> <td height="75"><fieldset style="width:220" align="center"> <legend> 表中表效果Ⅱ </legend> <table frame="hsides" border="1" bordercolorlight="#000000" bordercolordark="#ffffff" width="100%" cellspacing="1" cellpadding="0" height="78"> <tr bgcolor="#ffffff"> <td width="100%" height="76"></fieldset></td> </tr> </table> 47.表中表效果Ⅰ <table width="220" align="center" style="position: absolute; left: 10; top: 120" height="138" cellspacing="1" cellpadding="0"> <tr> <td height="126"><fieldset style="width: 220; color: #B7B7B7; border-style: groove" align="center"> <legend style="color: #FFFFFF; border: 1 solid #808080" mce_style="color: #FFFFFF; border: 1 solid #808080" > <font color="#000000">表中表效果Ⅰ</font> </legend> <p align="right"> </fieldset> </td> </tr> </table> 48.表格中边框的显示 只显示上边框 <table frame=above> 只显示下边框 <table frame=below> 只显示左、右边框 <table frame=vsides> 只显示上、下边框 <table frame=hsides> 只显示左边框 <table frame=lhs> 只显示右边框 <table frame=rhs> 不显示任何边框 <table frame=void> </body> </html>