当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > 网页常用特效整理:初级篇

HTML/XHTML教程
一些不太常用的XHTML标签用法以及实例
网页中图片的设置涉及的三个问题
商业HTML邮件的制作建议
HTML Marquee 字符片段滚动
DOCTYPE 文档类型声明(网页爱好者必看)
纯HTML标签你熟悉多少?
HTML元素的ID和Name属性的区别
HTML meta的大作用
HTML标签tbody的用法与说明
HTML 特殊字符转换表
HTML基础 HTML的组成结构
HTML基础之HTML内容细则
Shtml 精简教程
浅谈html table 标签
html Frame、Iframe、Frameset 的区别
HTML 网页页面切换的各种变换效果
HTML的10个表格相关标记
让IE8启动IE7兼容模式的代码
HTML 结构化实现方法
xhtml的块级标记小结

HTML/XHTML教程 中的 网页常用特效整理:初级篇


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-04   浏览: 24 ::
收藏到网摘: n/a

    笔者日积月累了许多精彩、实用的Web特效的制作,这些特效几乎都是比较常用的网页特效。现在我就把这些经过整理和修改过的特效分三个级别分别介绍给大家。

  初级篇

  1.让文字不停地滚动

  <MARQUEE>滚动文字</MARQUEE>

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

  <script language=JavaScript>
  document.write("最后更新时间: " + document.lastModified + "")
  </script>

  3.关闭当前窗口

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

  4.2秒后关闭当前页

  <script language="JavaScript">
  <!--
  setTimeout('window.close();',2000);
  -->
  </script>

  5.2秒后载入指定网页

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

  6.添加到收藏夹

  <Script Language="JavaScript">
  function bookmarkit()
  {
  window.external.addFavorite('http://你的网址','你的网站名称')
  }
  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">
  <!-- 网址:http://你的网址-->
  <a class="chlnk" style="cursor:hand" HREF
  onClick="this.style.behavior='url(#default#homepage)';
  this.setHomePage('你的网站名称);"><font color="000000" size="2" face="宋体">设为首页</font></a>
  </body>