• 爱情文章
  • 亲情文章
  • 友情文章
  • 生活随笔
  • 校园文章
  • 经典文章
  • 人生哲理
  • 励志文章
  • 搞笑文章
  • 心情日记
  • 英语文章
  • 范文大全
  • 作文大全
  • 新闻阅读
  • 当前位置: 山茶花美文网 > 新闻阅读 > 正文

    如何自学网页设计 [网页常用Javascript]

    时间:2020-04-27来源:山茶花美文网 本文已影响 山茶花美文网手机站

    常用的网页特效收集起来做一个“大全”。

    1.让文字不停地滚动

    <MARQUEE>滚动文字</MARQUEE>

    2.记录并显示网页的最后修改时间

    <script language=Javascript>

    document.write("最后更新时间: " + stModified + "")

    </script>

    3.关闭当前窗口

    <a href="/"onClick="javascript:window.close();return false;">关闭窗口</a>

    4.5秒后关闭当前页

    <script language="Javascript">

    <>

    </script>

    5.2秒后载入指定网页

    <head>

    <meta http-equiv="refresh" content="2;URL=你的网址">

    </head>

    6.添加到收藏夹

    <script Language="Javascript">

    function bookmarkit()

    {

    window.external.addFavorite("你的网址","你的网站名称")

    }

    if (document.all)document.write("<a href="#" onClick="bookmarkit()">加入收藏夹</a>")

    </script>

    7.让超链接不显示下划线

    <style type="text/css">

    <!-

    a:link{text-decoration:none}

    a:hover{text-decoration:none}

    a:visited{text-decoration:none}

    ->

    </style>

    8.禁止鼠标右键的动作

    <script Language = "Javascript">

    function click() { if (event.button==2||event.button==3)

    {

    alert("禁止鼠标右键");

    }

    document.onmousedown=click // -->

    </script>

    9.设置该页为首页

    <body bgcolor="#FFFFFF" text="#000000">

    <>

    <a HREF

    onClick="this.style.behavior="url(#default#homepage)";

    this.setHomePage("你的网站名称);"><font color="000000" size="2" face="宋体">设为首页</font></a>

    </body>

    10.节日倒计时

    <script Language="Javascript">

    var timedate= new Date("December 25,2003");

    var times="圣诞节";

    var now = new Date();

    var date = timedate.getTime() - now.getTime();

    var time = Math.floor(date / (1000 * 60 * 60 * 24));

    if (time >= 0)

    document.write("现在离"+times+"还有: "+time +"天")</script>

    11.单击按钮打印出当前页

    <script Language="Javascript">

    <>

    </script>

    12.单击按钮‘另存为’当前页

    <input type="button" name="Button" value="保存本页"

    onClick="document.all.button.ExecWB(4,1)">

    <object

    width=0

    height=0

    classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2">

    <embed width="0" height="0"></embed>

    </object>

    13.显示系统当前日期

    <script language=Javascript>

    today=new Date();

    function date(){

    this.length=date.arguments.length

    for(var i=0;i<this.length;i++)

    this[i+1]=date.arguments }

    var d=new date("星期日","星期一","星期二","星期三","星期四","星期五","星期六");

    document.write(

    "<font color=##000000> ",

    today.getYear(),"年",today.getMonth()+1,"月",today.getDate(),"日",

    d[today.getDay()+1],"</font>" );

    </script>

    14.不同时间段显示不同问候语

    <script Language="Javascript">

    <->

    </script>

    15.水中倒影效果

    <img src="你自己的图片文件名" width="175" height="59">

    <script language="Javascript">

    function f1()

    {

    setInterval("mP.filters.wave.phase+=10",100);

    }

    if (document.all)

    {

    document.write("<img id=mP src=""+document.all.reflect.src+""

    >")

    window.onload=f1

    }

    </script>

    16.慢慢变大的窗口

    <script Language="Javascript">

    <>

    </script>

    <p><a href="javascript:openwindow()">进入</a>

    17.改变IE地址栏的IE图标

    我们要先做一个16*16的icon(图标文件),保存为index.ico。把这个图标文件上传到根目录下并在首页<head></head>之间加上如下代码:

    <link REL = "Shortcut Icon" href="index.ico">

    • 如何自学网页设计 [网页常用Javascript] 相关文章:
    • 爱情文章
    • 亲情文章
    • 友情文章
    • 随笔
    • 哲理
    • 励志
    • 范文大全