清扬绿色吧 关注:10贴子:785
  • 5回复贴,共1

【转贴】网页经典代码

只看楼主收藏回复



----------------------------------------------
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">
说明:关于favicon.ico文件的制作。你可以先在FW中做一个图片,属于你自己站点一个小图标。然后在ACD see将文件属性改为*.ico,然后将你做的*.ICO文件传到你的服务器目录中,然后就可以使用以上代码来实现,当别人登陆你的站点时,地址栏里使用的就是你自定义的图标了。很PP哦。

6.可以在收藏夹中显示出你的图标
<link rel="Bookmark" href="favicon.ico">
说明:制作方法和上面的一样。只是显示的方式不同,这个是在别人收藏你的网页地址时显示的个性图标。也很PP.

7.关闭输入法
<input style="ime-mode:disabled">
说明:这段代码是在表格提交时用到的。也就是在输入数据时不可以使用其他输入法模式。

8.永远都会带着框架
<script language="javascript"><!--
 if (window == top)top.location.href = "frames.htm";// --></script>
说明:frames.htm为你的网页,这也是保护页面的一种方法

9.防止被人frame
<SCRIPT LANGUAGE=javascript><!--
 if (top.location != self.location)top.location=self.location;
// --></SCRIPT>

10.网页将不能被另存为
<noscript><iframe 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" 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";; width="100%" height="100%" marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0" scrolling="no"></iframe> 



1楼2006-08-15 10:16回复

    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.设为首页
    <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;
    }
    // -->
    </script>
    <a href="#" name="home" onClick="defaul_home();" title="==E代时光==">设为首页</a>


    18.这里是加入收藏夹的代码
    <a 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/images/logo.gif";; style="filter:alpha(opacity=20)" onMouseOver="makevisible(this,0)" onMouseOut="makevisible(this,1)" width="63" height="56"> //图片地址请自己改


    20.背景图片滚动
    <body scroll="no" background="images/bg.jpg" link="#00FF00" alink="#FF0000" vlink="#00FF00" bgcolor="#000080" topmargin="8">
    <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)
    


    2楼2006-08-15 10:16
    回复
      即可。其中 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> 

      <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) 

      //--> 

      </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" > <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>


      4楼2006-08-15 10:16
      回复
        汗~头大中~~


        IP属地:陕西5楼2006-08-17 09:58
        回复
          擦~


          6楼2006-08-17 10:40
          回复
            很不错,学习了


            7楼2009-11-26 23:49
            回复