日历

最新推荐文章于 2024-10-30 19:10:39 发布

bobwolf2201

最新推荐文章于 2024-10-30 19:10:39 发布

阅读量1.1k

点赞数

分类专栏：专业文章标签：日历 date 浏览器 javascript button 脚本

专业专栏收录该内容

6 篇文章 0 订阅

订阅专栏

【《站长作品》】网页制作特技汇集

学习过 HTML 语言基本语法以后，制作一个主页也许并不难，难就难在怎样使自己制作的主页更有特色，更有吸引力，使人过目不忘。笔者根据自己编制主页的经验，归纳出几种给网页增色的方法，希望有经验的朋友为大家贡献出更多更好的方法来。要索取文中相关文件的朋友，请与我联系：zhangking@263.net。
    1、预定时间后转到别的网页：将下面一行代码添加到您的网页的<head></head>中间，则在300秒后，您的网页会自动跳转到西安古城热线的主页上去，完全不用您进行人工干预！您可以将300秒的预定时间重新设定，也可以将url的值设置成您自己的网页或喜欢的网站地址。
    <meta http-equiv="refresh" content="300; url=http://www.xa.sn.cninfo.net">
    2、进入网页前给出提示：这种提示有时是非常必要的，比如显示欢迎信息或给出某些提示。下面的代码应加在网页的<body>标签中，即<body onLoad="...">，则进站后会弹出一个灰色的“确定”窗口，显示着响应的提示信息。/n 是换行符。您当然可以把下面的欢迎文本换成您自己的。
onLoad="alert(' 欢迎您在百忙之中垂访目前由张庆制作和维护/n的“蓝田地税”网页！欢迎您在百忙之中提出您的/n宝贵意见和建议。/n/n 谢谢!!!...')" >
    3、检测浏览器类型和版本：以下的 Java 脚本会检测出客户端用户的浏览器的类型和版本号，可使您编制出的网页适应不同的浏览器。
    <script>
      document.write("您的浏览器是:",navigator.appName);
      document.write(navigator.appVersion);
    </script>
    4、轻松实现移动字幕：在网页上实现移动字幕会给网页增添动态效果，以前多用 Java 脚本实现，比较繁琐。而用微软提供的<marquee>标签做起来就方便多了。以下的语句在网页上显示一从右向左移动的白底绿字的欢迎字幕，但移动效果只能在 IE 浏览器上实现。
    <marquee bgcolor="#ffffff" width="371" height="5" border="0">
      欢迎访问我的测试主页 !
    </marquee>
      本例效果：欢迎访问我的测试主页 !
    5、下载文档资料：在您的链接中使用 ftp 协议，可让用户通过点按浏览器页面上的链接直接从您指定的路径下下载文档。如用户点按以下链接后，会弹出一个灰色的文件下载窗口，选择“保存到磁盘”，按“确定”，再选择好存放路径，按“保存”按钮，只一会儿时间，文件 Xk.ttf 就下载到用户的硬盘上了。
    <a href="ftp://you_homepage_address_path/Xk.ttf">下载 Win9x 行楷体字库文件 Xk.ttf 大小： 2129KB</a>
    6、自动调用 E-mail 程序：直接从 Web 页面调用 E-mail 程序收发电子邮件是一个有用且有趣的功能。其实该功能实现起来很容易，只要在一个链接的 HREF= 后的双引号内加上 “mailto:邮件地址”就一切搞定了。请您试试将以下代码加进您的网页，给笔者发一封电子邮件！
    Please <a HREF="mailto:zhangking@263.net">send E-mail to：zhangking@263.net</a>
    7、自动显示网页的最后更新日期：只要把以下代码流进您的网页，那么，无论您的网页什么时候更新，它都会自动提示给浏览者，而无需您人工干预。(该Java脚本只在NC3、NC4 和 IE4 中可正常使用)
    <script>
      document. write("本网页最后更新日期是:"+document. lastModified)
    </script>
    8、让浏览者更改网页的背景颜色：若把以下代码添加到您的网页中，只要浏览者用鼠标在按钮上轻轻一点，网页的背景颜色就会变成按钮提示的颜色，满足了浏览者“操控”网页的快感。
    <form>
     <input type="button" value="淡黄色背景" onClick="document.bgColor='#feffc6'">
     <input type="button" value="淡蓝色背景" onClick="document.bgColor='#c6fffe'">
     <input type="button" value="苹果绿背景" onClick="document.bgColor='#80ff80'">
    </form>
    9、浮动窗口：下面介绍的 Java 脚本可是个实用性很强的好东东,将以下代码添加进您的网页的</head>之后, 浏览者一旦进入您的网页,就会附带地自动打开一个浮动窗口,里面显示着您指定的内容。许多网站用这个窗口放置临时通知或一些醒目的提示,就是这么实现的。浮动窗口的大小通过 width 和 height 属性来改变。
    <script language="JavaScript">
    
    </script>
    10、“懒人”专用的链接: 如果您连按一下鼠标都嫌麻烦的话,&127;那么把您的“链接”进行如下的改造后,只要您的鼠标箭头移到它的上面,&127;就会自动链接到您指定的网页或网站去。不过告诫您千万要小心使用,不然会给您惹下麻烦的！
    <A href="Doesn't matter" onMouseOver="parent.location= '您要连接的网页地址'">链接提示</A>
    11、电子日历牌：以下的 Java 脚本可产生一个黑底绿字的电子日历，放在网页上，会给网页增色不少。
    <script language="JavaScript">
      var enabled = 0; today = new Date();
      var day; var date;
      if(today.getDay()==0) day = "星期日"
      if(today.getDay()==1) day = "星期一"
      if(today.getDay()==2) day = "星期二"
      if(today.getDay()==3) day = "星期三"
      if(today.getDay()==4) day = "星期四"
      if(today.getDay()==5) day = "星期五"
      if(today.getDay()==6) day = "星期六"
      document.fgColor = "000000";
      date = " 今天是 " + today.getYear() + " 年 " + (today.getMonth() + 1 ) + " 月 " + today.getDate() + " 日 " + day +"";
      document.write("<TABLE align=center BORDER=3 BGCOLOR=000000><TH style='color:ccff00;FONT-SIZE:9pt'>");
      document.write(date);
      document.write("</TH></TABLE>")
    </script>

<script language=JavaScript> var enabled = 0; today = new Date(); var day; var date; if(today.getDay()==0) day = "星期日" if(today.getDay()==1) day = "星期一" if(today.getDay()==2) day = "星期二" if(today.getDay()==3) day = "星期三" if(today.getDay()==4) day = "星期四" if(today.getDay()==5) day = "星期五" if(today.getDay()==6) day = "星期六" document.fgColor = "000000"; date = " 今天是 " + today.getYear() + " 年 " + (today.getMonth() + 1 ) + " 月 " + today.getDate() + " 日 " + day +""; document.write("