| 网站首页 | 日常馆务 | 数据库 | 文摘库 | 光盘库 | 音视频库 | 软件库 | 图片中心 | 代查代检 | 留言 | 读者论坛 | 青岛馆 | 泰安馆 | 
您现在的位置: 图书馆 > 文摘库 > 网站技术 > 网页设计 > 文章正文
专题栏目
更多内容
最新推荐 更多内容
相关文章
教程/dreamweaver/入门 
教程/dreamweaver/提高 
教程/dreamweaver/入门 
dreamweaver/技巧 占位图
dreamweaver/技巧 在状态
dreamweaver/技巧 用Dre
dreamweaver/技巧 玩转网
dreamweaver/技巧 Dream
dreamweaver/技巧 DW技巧
Dreamweaver中加入竖直线
更多内容
[图文]dreamweaver/技巧 制作网页右键菜单二法         
dreamweaver/技巧 制作网页右键菜单二法
作者:佚名 文章来源:不详 点击数:3504 更新时间:2006-8-16 14:33:52
2005-7-31

       在一般的网页中,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>

< SCRIPT LANGUAGE="javascript1.2">
  < !-- Web Site: http://www.painting-effects.co.uk -->

  < !-- This script and many more are available free online at -->

  < !-- The javascript Source!! http://javascript.internet.com -->

  < !-- Begin
  var menuskin = "skin1"; // skin0, or skin1
  var display_url = 0; // Show URLs in status bar?
  function showmenuie5() {
  var rightedge = document.body.clientWidth-event.clientX;
  var bottomedge = document.body.clientHeight-event.clientY;
  if (rightedge < ie5menu.offsetWidth)
  ie5menu.style.left = document.body.scrollLeft + event.clientX -
       ie5menu.offsetWidth;
  else
  ie5menu.style.le

文章录入:admin    责任编辑:admin 
  • 上一篇文章:

  • 下一篇文章:
  • 【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
      网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)

    山东科技大学济南校区图书馆 网 管:library-w