网页制作中常用的一些特效(1)

  • 作者:未知 来源:未知 添加时间:2003年3月26日 字体:大 中 小

  • 1. oncontextmenu="window.event.return＆#118alue=false" 将彻底屏蔽鼠标右键

    <table border oncontextmenu=return(false)><td>no</table> 可用于Table

    2. <body onselectstart="return false"> 取消选取、防止复制


    3. onpaste="return false" 不准粘贴


    4. oncopy="return false;" oncut="return false;" 防止复制


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


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


    7. <input style="ime-modeisabled"> 关闭输入法


    8. 永远都会带着框架

    <script language="javascript"><!--

    if (window == top)top.location.href = "frames.htm"; //frames.htm为框架网页


    // --></script>


    9. 防止被人frame

    <SCRIPT LANGUAGE=javascript><!--

    if (top.location != self.location)top.location=self.location;

    // --></SCRIPT>


    10. <noscript><iframe src=*.html></iframe></noscript>
    网页将不能被另存为


    11. <input type=button ＆#118alue=查看网页源代码

    ＆#111nclick="window.location = 'view-source:'+ 'http://www.csdn.net/&;#39;">


    12. 怎样通过asp的手段来检查来访者是否用了代理

    <% if Request.ServerVariables("HTTP_X_FORWARDED_FOR")<>""
    then

    response.write "<font color=#FF0000>您通过了代理服务器，"& _

    "真实的IP为"&Request.ServerVariables("HTTP_X_FORWARDED_FOR")


    end if

    %>


    13. 取得控件的绝对位置


    //javascript

    <script language="javascript">

    function getIE(e){

    var t=e.offsetTop;

    var l=e.offsetLeft;

    while(e=e.offsetParent){

    t+=e.offsetTop;

    l+=e.offsetLeft;

    }

    alert("top="+t+"\nleft="+l);

    }

    </script>


    //VBScript

    <script language="VBScript"><!--

    function getIE()

    dim t,l,a,b

    set a=document.all.img1

    t=document.all.img1.offsetTop

    l=document.all.img1.offsetLeft

    while a.tagName<>"BODY"

    set a = a.offsetParent

    t=t+a.offsetTop

    l=l+a.offsetLeft

    wend

    msgbox "top="&t&chr(13)&"left="&l,64,"得到控件的位置"


    end function

    --></script>


    14. 光标是停在文本框文字的最后

    <script language="javascript">

    function cc()

    {

    var e = event.srcElement;

    var r =e.createTextRange();

    r.moveStart('character',e.＆#118alue.length);

    r.collapse(true);

    r.select();

    }

    </script>

    <input type=text name=text1 ＆#118alue="123" onfocus="cc()">


    15. 判断上一页的来源

    asp:

    request.servervariables("HTTP_REFERER")


    java script:

    document.referrer


    16. 最小化、最大化、关闭窗口

    <object id=hh1 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">


    <param name="Command" ＆#118alue="Minimize"></object>


    <object id=hh2 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">


    <param name="Command" ＆#118alue="Maximize"></object>


    <OBJECT id=hh3 classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">


    <PARAM NAME="Command" ＆#118alue="Close"></OBJECT>


    <input type=button ＆#118alue=最小化 ＆#111nclick=hh1.Click()>

    <input type=button ＆#118alue=最大化 ＆#111nclick=hh2.Click()>

    <input type=button ＆#118alue=关闭 ＆#111nclick=hh3.Click()>

    本例适用于IE


    17.

    <%

    '定义数据库连接的一些常量

    Const adOpenForwardOnly = 0 '游标只向前浏览记录，不支持分页、Recordset、BookMark

    Const adOpenKeyset = 1 '键集游标，其他用户对记录说做的修改将反映到记录集中，但其他用户增加或删除记录不会反映到记录集中。支持分页、Recordset、BookMark


    Const adOpenDynamic = 2 '动态游标功能最强，但耗资源也最多。用户对记录说做的修改，增加或删除记录都将反映到记录集中。支持全功能浏览(ACCESS不支持)。


    Const adOpenStatic = 3 '静态游标，只是数据的一个快照，用户对记录说做的修改，增加或删除记录都不会反映到记录集中。支持向前或向后移动


    Const adLockReadOnly = 1 '锁定类型，默认的，只读，不能作任何修改

    Const adLockPessimistic = 2 '当编辑时立即锁定记录，最安全的方式

    Const adLockOptimistic = 3 '只有在调用Update方法时才锁定记录集，而在此前的其他操作仍可对当前记录进行更改、插入和删除等


    Const adLockBatchOptimistic = 4 '当编辑时记录不会被锁定，而更改、插入和删除是在批处理方式下完成的


    Const adCmdText = &H0001

    Const adCmdTable = &H0002

    %>


    18. 网页不会被缓存

    HTM网页

    <META HTTP-EQUIV="pragma" CONTENT="no-cache">

    <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">


    <META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57
    GMT">

    或者<META HTTP-EQUIV="expires" CONTENT="0">

    ASP网页

    Response.Expires = -1

    Response.ExpiresAbsolute = Now() - 1

    Response.cachecontrol = "no-cache"

    PHP网页

    header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");

    header("Cache-Control: no-cache, must-revalidate");

    header("Pragma: no-cache");


    怎样让表单没有凹凸感？

    <input type=text style="border:1 solid #000000">

    或

    <input type=text style="border-left:none; border-right:none; border-top:none;
    border-bottom: 1 solid #000000"></textarea>


    <div><span>&<layer>的区别？

    <div>(division)用来定义大段的页面元素，会产生转行

    <span>用来定义同一行内的元素，跟<div>的唯一区别是不产生转行

    <layer>是ns的标记，ie不支持，相当于<div>




    让弹出窗口总是在最上面:

    <body onblur="this.focus();">


    不要滚动条?

    让竖条没有:

    <body style='overflowcroll;overflow-y:hidden'>

    </body>

    让横条没有:

    <body style='overflowcroll;overflow-x:hidden'>

    </body>

    两个都去掉？更简单了

    <body scroll="no">

    </body>


    怎样去掉图片链接点击后，图片周围的虚线？

    <a href="#" onFocus="this.blur()"><img src="logo.jpg"
    border=0></a>


    电子邮件处理提交表单

    <form name="form1" method="post" action="mailto:****@***.com"
    enctype="text/plain">

    <input type=submit>

    </form>


    在打开的子窗口刷新父窗口的代码里如何写？

    window.opener.location.reload()


    如何设定打开页面的大小

    <body onload="top.resizeTo(300,200);">


    在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动

    <html><head>

    <STYLE>

    body

    {background-image:url(logo.gif); background-repeat:no-repeat; background-position:center
    }

    </STYLE>

    </head>

    <body bgproperties="fixed" >

    </body>

    </html>


    19. 检查一段字符串是否全由数字组成

    <script language="javascript"><!--

    function checkNum(str){return str.match(/\D/)==null}

    alert(checkNum("1232142141"))

    alert(checkNum("123214214a1"))

    // --></script>


    20. 获得一个窗口的大小

    document.body.clientWidth,document.body.clientHeight


    21. 怎么判断是否是字符

    if (/[^\x00-\xff]/g.test(s)) alert("含有汉字");

    else alert("全是字符");


    22.TEXTAREA自适应文字行数的多少

    <textarea rows=1 name=s1 cols=27 onpropertychange="this.style.posHeight=this.scrollHeight">


    </textarea>


    23. 日期减去天数等于第二个日期

    <script language=javascript>

    function cc(dd,dadd)

    {

    //可以加上错误处理

    var a = new Date(dd)

    a = a.＆#118alueOf()

    a = a - dadd * 24 * 60 * 60 * 1000

    a = new Date(a)

    alert(a.getFullYear() + "年" + (a.getMonth() + 1) + "月" +
    a.getDate() + "日")

    }

    cc("12/23/2002",2)

    </script>


    24. 选择了哪一个Radio

    <HTML><script language="vbscript">

    function checkme()

    for each ob in radio1

    if ob.checked then window.alert ob.＆#118alue

    next

    end function

    </script><BODY>

    <INPUT name="radio1" type="radio" ＆#118alue="style"
    checked>Style

    <INPUT name="radio1" type="radio" ＆#118alue="barcode">Barcode


    <INPUT type="button" ＆#118alue="check" ＆#111nclick="checkme()">


    </BODY></HTML>


    25.获得本页url的request.servervariables("")集合

    Response.Write "<TABLE border=1><!-- Table Header --><TR><TD><B>Variables</B></TD><TD><B>＆#118alue</B></TD></TR>"


    for each ob in Request.ServerVariables

    Response.Write "<TR><TD>"&ob&"</TD><TD>"&Request.ServerVariables(ob)&"</TD></TR>"


    next

    Response.Write "</TABLE>"


    26.

    本机ip<%=request.servervariables("remote_addr")%>

    服务器名<%=Request.ServerVariables("SERVER_NAME")%>

    服务器IP<%=Request.ServerVariables("LOCAL_ADDR")%>

    服务器端口<%=Request.ServerVariables("SERVER_PORT")%>

    服务器时间<%=now%>

    IIS版本<%=Request.ServerVariables"SERVER_SOFTWARE")%>

    脚本超时时间<%=Server.ScriptTimeout%>

    本文件路径<%=server.mappath(Request.ServerVariables("SCRIPT_NAME"))%>


    服务器CPU数量<%=Request.ServerVariables("NUMBER_OF_PROCESSORS")%>


    服务器解译引擎<%=ScriptEngine & "/"& ScriptEngineMajorVersion
    &"."&ScriptEngineMinorVersion&"."& ScriptEngineBuildVersion
    %>

    服务器操作系统<%=Request.ServerVariables("OS")%>


    27.ENTER键可以让光标移到下一个输入框

    <input ＆#111nkeydown="if(event.keyCode==13)event.keyCode=9">


    28. 检测某个网站的链接速度：

    把如下代码加入<body>区域中:

    <script language=javascript>

    tim=1

    setInterval("tim++",100)

    b=1


    var autourl=new Array()

    autourl[1]="www.njcatv.net"

    autourl[2]="javacool.3322.net"

    autourl[3]="www.sina.com.cn"

    autourl[4]="www.nuaa.edu.cn"

    autourl[5]="www.cctv.com"


    function butt(){

    document.write("<form name=autof>")

    for(var i=1;i<autourl.length;i++)

    document.write("<input type=text name=txt"+i+" size=10 ＆#118alue=测试中……>
    =》<input type=text name=url"+i+" size=40> =》<input type=button
    ＆#118alue=GO ＆#111nclick=window.open(this.form.url"+i+".＆#118alue)>
    ")


    document.write("<input type=submit ＆#118alue=刷新></form>")


    }

    butt()

    function auto(url){

    document.forms[0]["url"+b].＆#118alue=url

    if(tim>200)

    {document.forms[0]["txt"+b].＆#118alue="链接超时"}

    else

    {document.forms[0]["txt"+b].＆#118alue="时间"+tim/10+"秒"}


    b++

    }

    function run(){for(var i=1;i<autourl.length;i++)document.write("<img
    src=http://"+autourl[I+"/"+Math.random()+" width=1 height=1
    ＆#111nerror=auto('http://";;+autourl[I+"')>")}

    run()</script>


    29. 各种样式的光标

    auto ：标准光标

    default ：标准箭头

    hand ：手形光标

    wait ：等待光标

    text ：I形光标

    vertical-text ：水平I形光标

    no-drop ：不可拖动光标

    not-allowed ：无效光标

    help ：?帮助光标

    all-scroll ：三角方向标

    move ：移动标

    crosshair ：十字标

    e-resize

    n-resize

    nw-resize

    w-resize

    s-resize

    se-resize

    sw-resize

  • 上一篇：网页中对鼠标的几种限制
  • 下一篇：网页制作中常用的一些特效(2)
  • 最后更新时间：2024年12月22日
  • 返回页面顶端
ppdesk