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

HTML/XHTML教程
CSS和HTML与前端技术层图示
关于超链接的一些问题
网页设计制作之改进超级链接效果
HTML 5 预览
HTML是WEB标准开发的中心基础
HTML5的结构和语义(3):语义性的块级元素
被遗忘掉的button标签
CSS标准:vertical-align属性
网页表格分割线去除方法
网页表格表框制作技巧
HTML教程:定义列表
HTML5: Web 标准最巨大的飞跃
ul列表标记设计网页多列布局
HTML其实就是学习几个重要标记的应用
链接A的语义、写法和最佳实践
HTML网页的段落排版和换行
HTML网页各种字体格式的细节修饰
网页HTML代码:滚动文字的制作
HTML代码实例:详细讲解超级链接
html标签:sub标记和sup标记

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-04   浏览: 65 ::
收藏到网摘: 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>