`
zengshaotao
  • 浏览: 777565 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

链接菜单

 
阅读更多

<html>
 <head>
  <style>
   <!--
   .menu_bar{font-family:宋体;font-size=9pt}
   #menu{visibility:hide;z-index:100;font-family:"宋体";font-size:9pt}
   -->
  </style>
  </head>
 <p id="pTest">javaScript</p>
 <p id="pTitle" style="text-align:center;color:gray">天津科技大学简介</p>
 <p style="text-indent:2em;line-height:150%;background-color:green;">
  天津科技大学是一所综合性大学,由中央和地方共建,分河西和泰达两个校区,总面积大约1200亩
 </p>
 <p style="background-image:url('D:\holidate.gif');background-repeat:repeat-x">aaa</p>
  
 <script language="javascript">
  <!--
   pTest.style.fontFamily = "Times New Roman";
   pTest.style.fontSize = "36pt";
  -->
 </script>
 <body onload="blink(),fillMenu()" onclick="hideMenu()">
  <script language="Javascript">
   var menuItems = new Array();//指定菜单内容
   menuItems[0]='<a href=http://www.baidu.com>百度</a>';
   menuItems[1]='<a href=http://www.baidu.com>百度</a>';
   menuItems[2]='<a href=http://www.baidu.com>百度</a>';
   menuItems[3]='<a href=http://www.baidu.com>百度</a>';
   var current_menu;
   function showMenu(oneMenu)
   {
     current_menu = oneMenu;
     current_menu.style.left = document.body.scrollLeft+event.clientX-event.offsetX;
     current_menu.style.top = document.body.scrollTop+event.clientY-event.offsetY+28;
     current_menu.style.visibility="visible";
     current_menu.style.zIndex=10;
   }
   function hideMenu()
   {
    if(current_menu!=null)
     current_menu.style.visibility="hidden";
   }
   function fillMenu()
   {
    //为菜单填充菜单项
    var html="",i;
    for(i=0;i<menuItems.length;i++)
    {
     html+=menuItems[i]+"<br>";
     menu.innerHTML = html;
    } 
   }
   function blink()
   {
    cat.style.visibility=(cat.style.visibility=="visible")?"hidden":"visible";
    setTimeout("blink()",500);
   }
   </script>
   <p><img id="cat" src="cat.jpg" border="0" width="100" height="90"></p>
   <p class="menu_bar" onclick="showMenu(menu);event.cancelBubble=true">超级链接</p>
   <div id="menu" style="position:absolute;left:0;top:0;visibility:hidden"></div>
 </body>
</html>

分享到:
评论

相关推荐

    列表框式链接菜单

    列表框式链接菜单是一种常见的用户界面元素,常用于软件或网页设计中,为用户提供一系列可选项,用户可以通过点击选择自己需要的功能或跳转至相应的页面。在Java小程序(JApplet)开发中,实现这样的菜单功能是提升...

    垂直链接菜单.html

    垂直链接菜单.html

    Win8快速链接菜单 高效系统设置.docx

    Win8快速链接菜单 高效系统设置.docx

    js 实现 为链接提供下拉菜单

    js 实现 为链接提供下拉菜单! 值得下载看看!资源免费,大家分享!!

    一定时间滚动的链接菜单效果

    ### 一定时间滚动的链接菜单效果 在网页设计与开发领域中,“一定时间滚动的链接菜单效果”是一种常见的交互设计手法,它通过自动滚动显示不同的链接列表,为用户提供了一种新颖且直观的信息导航方式。本篇文章将从...

    12864lcd多级菜单设计

    #### 链接菜单结构 菜单结构体通过`ChildrenMenus`和`ParentMenus`字段形成了一个链表结构,允许菜单项之间的上下级关系建立。这种结构不仅便于遍历和管理菜单项,还使得菜单具有动态添加和删除菜单项的能力。 ####...

    win8系统开始界面色块菜单链接效果ppt模板.rar

    描述进一步明确了这是一个与"win8系统菜单链接效果"相关的PPT模板,特别强调了“win8开始桌面色块链接菜单”。这里的“桌面”可能是指传统意义上的Windows桌面,而“色块链接菜单”指的是开始屏幕上动态磁贴(Live ...

    links-buttons:使用Angular 11. npm包在页面上生成链接菜单的组件

    在这个项目中,“links-buttons”是一个特定的组件,旨在帮助开发者在页面上轻松生成链接菜单。它利用了Angular的组件化特性,允许将UI元素封装成独立的、可复用的组件,简化了开发流程。 ### Angular 11基础 ...

    为对话框应用程序添加菜单栏

    3. 链接菜单资源: - 将.rc文件包含到你的主程序源代码中,确保编译时资源被正确地编译和链接。这通常在主程序的头文件中完成,例如`#include "resource.h"`。 4. 初始化菜单: - 在对话框初始化函数(如 ...

    JQuery美化版下拉友情链接,兼容主流浏览器

    本项目名为“JQuery美化版下拉友情链接,兼容主流浏览器”,它旨在利用jQuery的功能特性,为网站提供一个既美观又功能完善的下拉链接菜单,同时确保在各种主流浏览器上的良好兼容性。 首先,我们来深入理解jQuery的...

    Java旋转菜单源码分享.rar

    Java制作的旋转菜单,源码分享大家哦。

    Css样式制作的4个菜单小实例 解释型菜单 鼠标单击链接样式 鼠标指针滑过链接样式 自动隐藏式菜单 安徽机电职业技术学院陈伟

    本文将深入探讨四个基于CSS的菜单小实例,它们分别是:解释型菜单、鼠标单击链接样式、鼠标指针滑过链接样式以及自动隐藏式菜单。这些实例都是安徽机电职业技术学院陈伟老师教学内容的一部分,旨在帮助学习者掌握...

    wordpress3.5+版本激活链接菜单方法

    在wordpress3.5及以上版本默认安装时是没有链接这个菜单的,如果你需要”链接”菜单方法很简单,只需要在你主题的functions.php文件加入以下代码: 刷新后台,可以看到“链接”菜单了:

    Word编辑应用技巧——超级链接应用方法

    ##### 方法四:直接通过超级链接菜单创建 - **操作步骤**: - 打开Word文档,选中需要超级链接的文本。 - 右键点击选中的文本,选择“超级链接”选项。 - 在弹出的对话框中,可以根据需求选择链接的目的地,包括...

    Qt实现的PC端环形菜单、悬浮球菜单、动画菜单、高级菜单

    在提供的链接中(https://www.cnblogs.com/swarmbees/p/16837670.html),作者详细介绍了如何使用Qt实现这些高级菜单,包括参数定制如菜单展开半径、递增角度和起始角度,以及如何调整菜单大小。 总的来说,Qt提供...

    折叠菜单折叠菜单折叠菜单

    1. 导航栏:在网站顶部的导航栏中,折叠菜单常用于分类展示大量链接。 2. 设置菜单:在设置界面,折叠菜单可以用于组织和展示各种配置选项。 3. 移动端应用:在有限的屏幕空间里,折叠菜单是优化界面空间的有效手段...

    HTML竖排菜单制作

    这种菜单布局使得网站导航更为直观,尤其适用于移动设备或空间有限的界面。本文将深入探讨如何使用HTML和CSS来创建美观的竖排菜单。 首先,我们需要了解HTML的基本结构。HTML(超文本标记语言)用于定义网页的内容...

    LINK_Java.rar_回复

    如果"LINK.java"是这个项目的源代码,那么它很可能包含了一个Servlet类,负责处理链接菜单的逻辑。 3. JSP(JavaServer Pages):JSP是另一种用于构建动态Web内容的技术,它允许在HTML页面中嵌入Java代码。虽然描述...

    html实现好看的多种风格导航菜单(源码)

    html实现好看的多种风格导航菜单(附源码),导航菜单,源码下载,分为顶部导航菜单,悬浮按钮菜单,右键功能菜单,左侧导航菜单四种导航菜单。每种导航菜单有至少三种风格,总共23种风格,各种风格都有,代码上手简单,...

Global site tag (gtag.js) - Google Analytics