最火下载站首页
手机版
最火下载站
关注公众号
最火下载站

当前位置:首页 > 网络知识 > Web前端 > Ajax/JavaScript> 代码实例:CSS+JavaScript创建右击菜单

代码实例:CSS+JavaScript创建右击菜单

文章作者:网友投稿 发布时间:2008-12-03 来源:网络

<%@ page language="java" pageEncoding="GBK" %> <!DOCTYPE HTML PUBLIC "-//w3c//dtd html 4.0 transitional//en"> <html> <head> <title>css和javascript创建页面右键菜单</title> <style typ


代码解释:

1、 在页面载入时,先执行load1()方法

   首先检验是不是IE浏览器,如果当前浏览器是Internet Explorer,document.all就返回真。则下面的定义就应该有效。也就是说当检查到客户端使用的浏览器是IE的时候那么当用户产生右键事件时就调用函数 showmenuie5,当用户产生左键事件时就调用函数hidemenuie5。

2、接着我们要考虑如何通过函数showmenuie5和函数hidemenuie5来实现菜单的显示和隐藏。

当然,这里的菜单并不是真正意义的右键菜单,而是我们自己做的一个div,在这个div中装上我们想要装的东西。通过鼠标事件调用函数来控制它的显隐,这就达到了使用鼠标右键一样的效果了。

  这一块的最外层是一个id为ie5menu的div,我们定义了它的样式为skin0,你也可以根据自定义其他样式,然后替换skin0。

3、点击菜单选项后的操作

jumptoie5()函数实现鼠标点击右键菜单中的层时发生的事情,也就是执行选项

上一篇: javascript实现在网页中使用热键功能代码

下一篇: javaScript中URL编码转换,escape() encodeURI() encodeURIC

共有0条评论网友评论