超酷右键菜单

最新推荐文章于 2025-12-30 12:48:39 发布
转载 最新推荐文章于 2025-12-30 12:48:39 发布 · 655 阅读 · 0
文章标签：

#javascript #function #class #ie #url #border

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
　　<SCRIPT LANGUAGE="JavaScript1.2">
　　<!-- 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.left = document.body.scrollLeft + event.clientX;
　　if (bottomedge <ie5menu.offsetHeight)
　　ie5menu.style.top = document.body.scrollTop + event.clientY -
ie5menu.offsetHeight;
　　else
　　ie5menu.style.top = document.body.scrollTop + event.clientY;
　　ie5menu.style.visibility = "visible";
　　return false;
　　}
　　function hidemenuie5() {
　　ie5menu.style.visibility = "hidden";
　　}
　　function highlightie5() {
　　if (event.srcElement.className == "menuitems") {
　　event.srcElement.style.backgroundColor = "highlight";
　　event.srcElement.style.color = "white";
　　if (display_url)
　　window.status = event.srcElement.url;
　　 }
　　}
　　function lowlightie5() {
　　if (event.srcElement.className == "menuitems") {
　　event.srcElement.style.backgroundColor = "";
　　event.srcElement.style.color = "black";
　　window.status = "";
　　 }
　　}
　　function jumptoie5() {
　　if (event.srcElement.className == "menuitems") {
　　if (event.srcElement.getAttribute("target") != null)
　　window.open(event.srcElement.url, event.srcElement.getAttribute("target"));
　　else
　　window.location = event.srcElement.url;
　　 }
　　}
　　// End -->
　　</script>
</HEAD>

<BODY>

<style>
　　<!--
　　.skin0 {
　　position:absolute;
　　text-align:left;
　　width:100px;
　　border:2px solid black;
　　background-color:menu;
　　font-family:Verdana;
　　line-height:0px;
　　cursor:default;
　　visibility:hidden;
　　}
　　.skin1 {
　　cursor:default;
　　font:menutext;
　　position:absolute;
　　text-align:left;
　　font-family: Arial, Helvetica, sans-serif;
　　font-size: 10pt;
　　width:100px;
　　background-color:menu;
　　border:1 solid buttonface;
　　visibility:hidden;
　　border:2 outset buttonhighlight;
　　}
　　.menuitems {
　　padding-left:15px;
　　padding-right:5px;
　　padding-top:0px;
　　padding-bottom:0px;
　　}
　　-->
</style>
<div id="ie5menu" class="skin0" onMouseover="highlightie5()" onMouseout="lowlightie5()" onClick="jumptoie5();">
　　<div class="menuitems" url="javascript:history.back();">返回</div>
　　<div class="menuitems" url="http://www.webjx.com" target=_blank>回首页</div>
　　<hr>
　　<div class="menuitems" url="http://www.163.com" target=_blank>网易</div>
　　<div class="menuitems" url="http://www.sohu.com" target=_blank>搜狐</div>
　　<hr>
　　<div class="menuitems" url="http://www.sina.com.cn" target=_blank>新浪</div>
　　<div class="menuitems" url="http://www.yahoo.com.cn" target=_blank>雅虎</div>
</div>
<script language="JavaScript1.2">
　　if (document.all && window.print) {
　　ie5menu.className = menuskin;
　　document.oncontextmenu = showmenuie5;
　　document.body.onclick = hidemenuie5;
　　}
</script>

</BODY>
</HTML>
 

酷炫Menu（菜单），第三方库BoomMenu的详细使用步骤
qq_34501274的博客
12-23 1万+
这两天发现了一个比较实用，有比较酷炫的Menu（菜单），BoomMenu库工程。这里有我搜集的各种酷炫的关于Menu的：http://blog.youkuaiyun.com/qq_34501274/article/details/53837454先上效果图： BoomMenu的引用compile 'com.nightonke:boommenu:2.0.4'或<dependency> <groupId>co
css 右键菜单 边框,CSS+JavaScript打造超酷右键菜单
weixin_28840591的博客
08-03 569
其实在网页上实现右键菜单的风格化已经是一个老话题了，正常情况下，网页上的右键菜单是默认IE右键选项，包括了一些常用的功能。但有时候我们会遇到这样的问题，我们希望禁止访问者使用右键菜单或者希望屏蔽右键菜单的某些功能，比如，为了保护网页内容我们不希望访问者通过右键菜单来查看网页源代码，也不希望其通过右键来对网页内容进行选取、复制等，很多网页设计者在考虑这个问题的时候都是简单地对右键进行屏蔽，与其这样我...
CSS+JavaScript打造超酷右键菜单
学习笔记
11-14 450
<br /><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>超酷网页右键菜单</title> <mce:style><!-- body { font-family: "宋体"; font-size: 12px; margin-left
CSSJavaScript打造超酷右键菜单
zgqtxwd的专栏
04-30 549
<!--google_ad_client = "pub-2947489232296736";/* 728x15, 创建于 08-4-23MSDN */google_ad_slot = "3624277373";google_ad_width = 728;google_ad_height = 15;//--><script type="text/javascript"
CSS+JavaScript打造超酷右键菜单1
mbqkid的专栏
02-27 463
右键菜单的淡入淡出效果               var   intDelay=1;   //设置菜单显示速度，越大越慢     var   intInterval=5;   //每次更改的透明度     function   showmenuie5(){                     var   rightedge=document.body.clientWidth-event.
jquery html5 右键菜单,7款炫酷实用的jQuery/HTML5菜单
weixin_31582099的博客
06-01 380
jQuery是一款非常实用的JavaScript框架，基于jQuery开发的菜单插件也非常多，包括下拉菜单、Tab菜单等。另外，HTML5的应用，让这些菜单在视觉效果和交互能力上又提高了很多。本文就推荐了7款炫酷而实用的jQuery/HTML5菜单，希望对你有所帮助。1、CSS3扇形动画菜单 鼠标滑过扇形展开动画这款CSS3菜单很有个性，是一个扇形的多级下拉菜单，当你将鼠标滑过菜单时，菜单项即可展...
CSSJavaScript打造超酷右键菜单(2)
zgqtxwd的专栏
04-30 576
<!--google_ad_client = "pub-2947489232296736";/* 728x15, 创建于 08-4-23MSDN */google_ad_slot = "3624277373";google_ad_width = 728;google_ad_height = 15;//--><script type="text/javascript"
html自定义右键菜单样式,html_网页自定义右键菜单.doc
weixin_42519781的博客
06-20 222
html_网页自定义右键菜单超酷网页右键菜单 body { font-family: "宋体"; font-size: 12px; margin-left: 0px; margin-top: 10px; margin-right: 0px; margin-bottom: 0px; } .skin1 { padding-top: 4px; cursor: default; line-height:...
CSS+JavaScript打造超酷右键菜单2
mbqkid的专栏
02-27 470
 其实在网页上实现右键菜单的风格化已经是一个老话题了，正常情况下，网页上的右键菜单是默认IE右键选项，包括了一些常用的功能。　　但有时候我们会遇到这样的问题，我们希望禁止访问者使用右键菜单或者希望屏蔽右键菜单的某些功能，比如，为了保护网页内容我们不希望访问者通过右键菜单来查看网页源代码，也不希望其通过右键来对网页内容进行选取、复制等，很多网页设计者在考虑这个问题的时候都是简单地对右键进行屏蔽，
超酷XP风格网页右键菜单特效代码
03-20
标题中的“超酷XP风格网页右键菜单特效代码”指的是在网页中实现一种类似微软Windows XP操作系统中右键菜单的交互效果。这种效果通常会给用户带来熟悉的感觉，并且可以通过自定义设计来提升网页的用户体验。在网页...
超酷XP风格网页右键菜单.rar
07-04
《超酷XP风格网页右键菜单：JS特效与菜单导航深度解析》 在网页设计领域，用户体验是至关重要的因素之一，而右键菜单作为交互设计的一部分，常常被用来提供便捷的功能选项，提升用户操作的效率。"超酷XP风格网页...
实用超酷的仿xp右键菜单
12-29
本项目名为“实用超酷的仿xp右键菜单”，其目标是模仿微软Windows XP系统中的经典右键菜单样式，并在此基础上进行创新，使其更具有实用性和美观性。下面我们将深入探讨这一主题，了解如何设计和实现这样的右键菜单。...
基于java + vue校园跑腿便利平台系统(源码+数据库+文档)
JIngJaneIL的博客
12-30 288
本文介绍了一个基于SpringBoot+Vue的校园跑腿便利平台系统。系统采用前后端分离架构，后端使用SpringBoot框架简化开发流程，前端采用Vue.js实现响应式界面，数据库选用MySQL存储数据。文章详细说明了系统设计原则、技术选型理由，并提供了功能演示、代码示例和测试案例。该系统旨在优化校园服务体验，通过规范化设计确保信息清晰性和操作便捷性。文末还提供了源码获取方式和最新计算机毕业设计选题推荐。
JavaScript 静态模块声明（静态分析、动态导入）
Irene1991的博客
12-29 472
JavaScript的静态模块声明（ES6 Modules）要求在代码执行前确定模块依赖关系。核心特点包括：1）导入/导出必须在顶层作用域，不能动态生成；2）支持编译时分析，实现Tree Shaking优化；3）提供循环依赖安全处理。与CommonJS的动态加载不同，ES6模块路径必须静态确定。动态导入（import()）作为补充允许运行时加载。优势包括提前错误检测、更好的代码优化和打包体积缩减。这种设计平衡了灵活性与性能，更适合大型应用开发。
Vue import.meta.env 讲解
Violet_YSWY的博客
12-25 431
VITE_
Vue3中v-if与v-show的本质区别及动态组件状态保持的关键策略是什么？
最新发布
https://blog.cmdragon.cn/
12-30 719
特性v-ifv-showDOM存在与否销毁/重建始终存在切换成本高（销毁重建）低（改CSS）初始渲染成本低（不满足则不渲染）高（必渲染）适用场景切换频率低（如权限控制）切换频率高（如tab切换）
vue v-for 列表渲染指令注意
KLW75
12-27 217
3、指令遍历的目标是一个正整数n时，其一般用于让当前模板在1～n的取值范围内重复产生n次，value为从1开始到n为止依次递增的数值。v-for指令可以遍历多种不同类型的数据，数组是较为常见的一种类型，当然类型还可以是对象或数值。value为被遍历的obj对象的属性值，name为属性名。令遍历一个对象时，遍历的是对象自身所有可遍历的属性。
渐进式JavaScript框架：Vue
码农的艺术
12-25 589
Vue (发音为 /vjuː/，类似view) 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。无论是简单还是复杂的界面，Vue都可以胜任。
【计算机毕业设计】SyChat 即时通讯系统 - Springboot+Vue
m0_69594200的博客
12-26 928
SyChat是一款基于SpringBoot+Vue的现代化即时通讯系统，采用前后端分离架构。系统实现了实时聊天、好友管理、朋友圈动态等核心功能，支持私聊、群聊、消息历史记录保存等功能。技术栈包括Spring Boot、WebSocket、MyBatis-Plus、Vue.js和Element UI等。项目亮点包括毫秒级消息推送、完善的社交生态闭环、消息可靠性保障以及良好的用户体验设计。数据库设计包含用户、好友关系、消息记录等10余张核心表。该系统适合作为计算机专业毕业设计，展示了完整的Web开发流程和技术实
VB实现个性化右键菜单教程
本次分享的VB项目名为"VB打造超酷个性化菜单"，显然这是一个关于如何在VB环境下制作和实现个性化右键菜单的教程或示例程序。该项目很可能是以一个类文件的形式存在，该类文件将封装了创建和管理个性化菜单所需的全部...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值