繁体中文
设为首页
加入收藏
当前位置:网站制作首页 >> Dreamweaver教程 >> 两种方法打造超酷网页右键菜单

两种方法打造超酷网页右键菜单

2008-01-15 08:00:00  作者:  来源:互联网  浏览次数:0  文字大小:【】【】【
简介:  在一般的网页中,IE浏览器的默认右键菜单是一成不变的固定模式,大部分网友浏览网页时 对它的利用率不高。对专业的网页设计师来说,如果能将右键菜单设计成个性化的内容,样式该 是多么的酷和方便。     ...
关键字:超酷 菜单 网页 方法

  在一般的网页中,IE浏览器的默认右键菜单是一成不变的固定模式,大部分网友浏览网页时

对它的利用率不高。对专业的网页设计师来说,如果能将右键菜单设计成个性化的内容,样式该

是多么的酷和方便。  

  试想一下,用户在你的网站上一点右键,就是你精心组织的“链接”、“发信”,甚至包含

了缤纷的交互式Flash动画!如图1——别流口水了,下面咱们就解解馋,看看如何制作吧:)。

  右键菜单的改造,我有两种途径(其实,本质是一样的,都是javascript的东西)。

  第一种方法是较早的,把下列源代码复制到网页中HTML文件的中即可。

  < style>

  < !--

  .skin0 {

  position:absolute;

  text-align:left;

  width:200px;

  border:2px solid black;

  background-color:menu;

  font-family:Verdana;

  line-height:20px;

  cursor:default;

  visibility:hidden;

  }

  .skin1 {

  cursor:default;

  font:menutext;

  position:absolute;

  text-align:left;

  font-family: Arial, Helvetica, sans-serif;

  font-size: 10pt;

  width:120px;

  background-color:menu;

  border:1 solid buttonface;

  visibility:hidden;

  border:2 outset buttonhighlight;

  }

  .menuitems {

  padding-left:15px;

  padding-right:10px;

  }

  -->

  < /style>

责任编辑:admin
相关文章