一些常代码收集汇总

来源:百度文库 编辑:神马文学网 时间:2024/04/28 03:22:00
一些常用网页制作代码收集汇总2008-01-02 16:42

001.如何控制横向和纵向滚动条的显隐
去掉x轴
去掉y轴
不显


002.加入注释的格式是:  
〈!-[注释内容…]--〉

003.怎样在网页中加入 E-mail 链接并显示预定的主题

〈A href="mailto:e3i5@e3i5.net?subject=主题"〉……〈/a〉

004.定义本网页关键字,可以在〈Head〉〈/Head〉中加入如下代码:  
〈meta name="Keywords" content="山水天下"〉
Content 中所包含的就是关键字,你可以自行设置。
这里有个技巧,你可以重复某一个单词,这样可以提高自己网站的排行位置,如:
〈meta name="Keywords" content="山水天下"〉


005.添加到收藏夹
〈a href="java script:window.external.addFavorite(http://www.cdlycm.com,'http://www.cdlycm.com);"〉添加到收藏夹〈/a〉

006.设为首页
〈a href=# onclick=this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.cdlycm.com);〉设为首页〈/a〉

007.定制浏览器地址栏前的小图标
A:在网页的〈head〉〈/head〉间加入以下语句:
〈link rel="shortcuticon" href="http://…/icon.ico"〉
即可。其中 icon.ico 为 16x16 的图标文件,颜色不要超过 16 色。


008.表格的分隔线可以隐藏

可以隐藏横向的分隔线
可以隐藏纵向的分隔线

可以隐藏横向和纵向的分隔线


009.
表格的边框不断在闪

以下方法可以令表格的边框不断在闪,很实用的

在BODY区加上

style="border:5px solid yellow">







加入任意的物件.加入任意的物件.


加入任意的物件.加入任意的物件.


加入任意的物件.加入任意的物件.





010.普通表格









普通表格


012.正立方表格

bordercolordark="#000000" style="position: absolute; left: 10; top:
49" height="26">







正立方表格



013.
细表格

bgcolor="#000000" cellspacing="1" cellpadding="0"
height="22" style="position: absolute; left: 11; top: 86">







细表格


014.立体表格

bordercolordark="#ffffff" style="position: absolute; left: 10; top:
112" height="34">







bordercolorlight="#000000" bordercolordark="#eeeeee" >立体表格



015.无名表格










无名表格  

 







016.表中表效果Ⅱ



  • 单击返回

    返回

    align="center"> 表中表效果Ⅱ frame="hsides" border="1"
    bordercolorlight="#000000" bordercolordark="#ffffff"
    width="100%" cellspacing="1" cellpadding="0" height="78">





    018表中表效果Ⅰ

    cellpadding="0">







    表中表效果Ⅰ
     

     






    019.表格中边框的显示


    只显示上边框
    只显示下边框

    只显示左、右边框

    只显示上、下边框

    只显示左边框

    只显示右边框

    不显示任何边框



    020. 将彻底屏蔽鼠标右键,无右键菜单



    也可以用于网页中Table框架中

    no


    021.
    取消选取、防止复制



    022.
    不准粘贴


    023.
    防止复制


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

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

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

    说明:制作方法和上面的一样。只是显示的方式不同,这个是在别人收藏你的网页地址时显示的个性图标。也很PP.

    026
    关闭输入法

    说明:这段代码是在表格提交时用到的。也就是在输入数据时不可以使用其他输入法模式。

    027.
    永远都会带着框架

    说明:frames.htm为你的网页,这也是保护页面的一种方法

    028.
    防止被人frame


    029.网页将不能被另存为

    说明:的用法很广,其中一条就是可以使JS广告失效。

    030.
    查源文件
    onclick="window.location = 'view-source:'+ http://www.cdlycm.com/index.htm';"> 

    031.
    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代码,请自己加起始符和结束符 

    032.
    内框架
    src:文件的路径,既可是HTML文件,也可以是文本、ASP等;   width、height:"内部框架"区域的宽与高;  
    scrolling:当SRC的指定的HTML文件在指定的区域不显不完时,滚动选项,如果设置为NO,则不出现滚动条;如为Auto:则自动出现滚动条;如为Yes,则显示;  FrameBorder:区域边框的宽度,为了让“内部框架“与邻近的内容相融合,常设置为0。
    name:框架的名字,用来进行识别。
    比如:  当你想用父框架控制内部框架时,可以使用: target="框架的名字"来控制。
    例子: 

    033.
    自动跳转
    在源代码中的…加入如下代码:

    说明:content="3 表示3秒刷新到URL

    034.如何改变链接的鼠标形状
    只需在链接上加上这一代码就行的了
    或者跟上面的用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区里就可以实现鼠标多样化。 

    035.
    全屏显示





    把它放到区中。


    036.
    这里是加入收藏夹的代码
    http://www.e3i5.com
    ';.'-=E代时光=-')" target="_self" title="-=E代时光=-">加入收藏夹 

    037.flash图片效果
    以下代码加入区域

    以下代码加入区域
    //图片地址请自己改


    038.
    背景图片滚动



    039.滚动特效

    欢迎光临山水天下
    我们地址http://www.cdlycm.com

     

    040.
    让背景图不滚动

    IE浏览器支持一个 Body 属性 bgproperties,它可以让背景不滚动:
    〈Body Background="图片文件" bgproperties="fixed"〉

    041.
    让你的网页无法另存为



    042.
    让IFRAME框架内的文档的背景透明



    043.禁止右键:



    044.进入页面后立即自动刷新

    http://www.cdlycm.com,这是你自己的网址。


    045.隐藏IFRAME的滚动条三种方法:

    1. 设置iframe scrolling="no"
    2. 被包含页body应用overflow:hidden
    3. 被包含页的body标签加scroll="no"

    046.加入背景音乐
    只适用于IE
    对Netscape ,IE 都适用

    047.
    滚动


    048.
    细线分隔线

     

    下面是一些js的常用代码!

    如果你找的javascript的东西的话,建议你 ctrl+F 直接在这个页上找,因为这里80%有你要找的,但是要让你挨着看的话,你就准备看完就去配眼镜!!

      • 事件源对象
        event.srcElement.tagName
        event.srcElement.type
      • 捕获释放
        event.srcElement.setCapture();
        event.srcElement.releaseCapture();
      • 事件按键
        event.keyCode
        event.shiftKey
        event.altKey
        event.ctrlKey
      • 事件返回值
        event.returnValue
      • 鼠标位置
        event.x
        event.y
      • 窗体活动元素
        document.activeElement
      • 绑定事件
        document.captureEvents(Event.KEYDOWN);
      • 访问窗体元素
        document.all("txt").focus();
        document.all("txt").select();
      • 窗体命令
        document.execCommand
      • 窗体COOKIE
        document.cookie
      • 菜单事件
        document.oncontextmenu
      • 创建元素
        document.createElement("SPAN");
      • 根据鼠标获得元素:
        document.elementFromPoint(event.x,event.y).tagName=="TD
        document.elementFromPoint(event.x,event.y).appendChild(ms)
      • 窗体图片
        document.images[索引]
      • 窗体事件绑定
        document.onmousedown=scrollwindow;
      • 元素
        document.窗体.elements[索引]
      • 对象绑定事件
        document.all.xxx.detachEvent('onclick',a);
      • 插件数目
        navigator.plugins
      • 取变量类型
        typeof($js_libpath) == "undefined"
      • 下拉框
        下拉框.options[索引]
        下拉框.options.length
      • 查找对象
        document.getElementsByName("r1");
        document.getElementById(id);
      • 定时
        timer=setInterval('scrollwindow()',delay);
        clearInterval(timer);
      • UNCODE编码
        escape() ,unescape
      • 父对象
        obj.parentElement(dhtml)
        obj.parentNode(dom)
      • 交换表的行
        TableID.moveRow(2,1)
      • 替换CSS
        document.all.csss.href = "a.css";
      • 并排显示
        display:inline
      • 隐藏焦点
        hidefocus=true
      • 根据宽度换行
        style="word-break:break-all"
      • 自动刷新
      • 简单邮件
        mailto:aaa@bbb.com?subject=ccc&body=xxxyyy
        ">
      • 快速转到位置
        obj.scrollIntoView(true)


      • anchors
      • 网页传递参数
        location.search();
      • 可编辑
        obj.contenteditable=true
      • 执行菜单命令
        obj.execCommand
      • 双字节字符
        /[^\x00-\xff]/
        汉字
        /[\u4e00-\u9fa5]/
      • 让英文字符串超出表格宽度自动换行
        word-wrap: break-word; word-break: break-all;
      • 透明背景
      • 获得style内容
        obj.style.cssText
      • HTML标签
        document.documentElement.innerHTML
      • 第一个style标签
        document.styleSheets[0]
      • style标签里的第一个样式
        document.styleSheets[0].rules[0]
      • 防止点击空链接时,页面往往重置到页首端。
        word
      • 上一网页源
        asp:
        request.servervariables("HTTP_REFERER")
        javascript:
        document.referrer
      • 释放内存
        CollectGarbage();
      • 禁止右键
        document.oncontextmenu = function() { return false;}
      • 禁止保存
      • 禁止选取禁止粘贴
      • 地址栏图标

        favicon.ico 名字最好不变16*16的16色,放虚拟目录根目录下
      • 收藏栏图标
      • 查看源码
      • 关闭输入法
      • 自动全选
      • ENTER键可以让光标移到下一个输入框
      • 文本框的默认值
      • title换行
        obj.title = "123 sdfs "
      • 获得时间所代表的微秒
        var n1 = new Date("2004-10-10".replace(/-/g, "\/")).getTime()
      • 窗口是否关闭
        win.closed
      • checkbox扁平

      • 获取选中内容
        document.selection.createRange().duplicate().text
      • 自动完成功能
        打开该功能
        关闭该功能   
      • 窗口最大化
      • 无关闭按钮IE
        window.open("aa.htm", "meizz", "fullscreen=7");
      • 统一编码/解码
        alert(decodeURIComponent(encodeURIComponent("http://你好.com?as= hehe")))
        encodeURIComponent对":"、"/"、";" 和 "?"也编码
      • 表格行指示