赞助广告 赞助广告
  当前位置:网络学院网站建设FrontPage → 网页制作特效赏析二例
网页制作特效赏析二例
日期:2001年8月15日 作者:闻章 人气: 查看:[大字体 中字体 小字体]

  隐藏在页面中的菜单


  在设计主页时,有时为了页面风格的统一或其他原因,需要设计一些隐藏的菜单,在D
reamweaver中我们可以轻松地利用层来实现,但为了这一点效果费劲地启动Dreamweaver等大软件,有些小题大做了。其实只要在你的HTML文件中加上下面的一段代码,就可以实现隐藏式菜单的效果,还是一个跟着鼠标跑的特殊效果呢!

  〈table id="itemopen" class="box" style="display:none"〉

  〈tr〉

  〈td〉绿野苑〈/td〉〈/tr〉

  〈tr〉

  〈td〉〈a href="../../index.html" class=

  "cc"〉回到首页〈/a〉〈/td〉〈/tr〉

  〈tr〉

  〈td〉〈a href="../../wdzb.htm" class=

  "cc"〉我的自白〈/a〉〈/td〉〈/tr〉

  〈tr〉

  〈td〉〈a href="../../nxsj.html" class=

  "cc"〉内心世界〈/a〉〈/td〉〈/tr〉

  〈tr〉

  〈td〉〈a href="../shxy.html" class=

  "cc"〉生活小语〈/a〉〈/td〉〈/tr〉

  〈/table〉

  〈/center〉〈/div〉

  〈script language="JavaScript"〉

  document.onclick = popUp

  function popUp() {

  newX = window.event.x + document.body.scrollLeft

  newY = window.event.y + document.body.scrollTop

  menu = document.all.itemopen

  if ( menu.style.display == ""){

  menu.style.display = "none" }

  else {

  menu.style.display = ""}

  menu.style.pixelLeft = newX - 50

  menu.style.pixelTop = newY - 50

  }

  〈/script〉

  代码中的背景、字体、字号、链接等可根据自己的需要更改。


  给主页加上全中文日期


  在互联网众多的Web主页上,对于日期的显示,大多用的是数字式的,使用全中文日期的较少,因此在一些地方可能会有特殊的意义,如果你感兴趣的话,不妨也在自己的网页上做个全中文日期,只要把如下代码加入〈 body〉区域中即可:

  〈script language="JavaScript"〉

  function number(index1){

  var numberstring="一二三四五六七八九十";

  if(index1 ==0) {document.write("十")}

  if(index1 〈 10){

  document.write(numberstring.substring(0+(index1-1),index1))}

  else if(index1 〈 20 ){

  document.write("十"+numberstring.substring(0+(index1-11),(index1-10)))}

  else if(index1 〈 30 ){

  document.write("二十"+numberstring.substring(0+(index1-21),(index1-20)))}

  else{

  document.write("三十"+numberstring.substring(0+(index1-31),(index1-30)))}

  }

  var today1 = new Date()

  var month = today1.getMonth()+1

  var date = today1.getDate()

  var day = today1.getDay()

  document.write("公元二零零零年")

  number(month)

  document.write("月")

  number(date)

  document.write("日")

  〈/script〉

(出处:中国电脑教育报 )

相关文章:
 
相关软件:
 
  特别推荐
  热点TOP10