什么叫做动态?
动态我不理解,若只是一个pop菜单的话倒可以捕捉鼠标,通过改变层的位置来实现,不过动态?
动态我不理解,若只是一个pop菜单的话倒可以捕捉鼠标,通过改变层的位置来实现,不过动态?
解决方案 »
- setTimeout带参数不执行
- jquery遍历json数据集合时,会alert undefined
- js 鼠标移动到某位置,某位置隐藏的图片就显示出来,当鼠标移走,图片又隐藏了。鼠标移动到其他地方,其他地方的图片又出现
- javascript怎么通过外层控制其里面所有元素的属性?
- javascript右键屏蔽在vs2008里无效请帮看下。
- 寻求在页面对用户输入数据进行有效性验证的点子?
- HIGHSTOCK用法
- javascript和PHP结合 如何实现上传文件进度条???
- 帮忙检查一下错误!
- bootstrap 合并单元格!使用mergeCells事件能否实现动态合并?
- 请问怎样动态添加<select>的<option>项?
- 如何用Java Script生成一个全新的页面并显示?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>CSS菜单试验</TITLE>
<META content="text/html; charset=gb2312" http-equiv=Content-Type>
<SCRIPT language=JavaScript1.2>
//如果要让状态栏(在浏览器左下角)里同步显示菜单内容,将变量display_url设置为1。
var display_url=1
//这里是定义显示菜单位置的函数,主要是获取鼠标位置,计算出菜单的显示位置。
function showmenuie5(){
//下面这句是确定菜单“左”的位置。
ie5menu.style.left=document.body.scrollLeft+event.clientX
//下面这句是确定菜单“顶”的位置。
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==1)
window.status=event.srcElement.url
}
}
//下面的函数用于鼠标在菜单项中移动时,将未选中的菜单项去掉加亮恢复正常.
function lowlightie5(){
if (event.srcElement.className=="menuitems"){
event.srcElement.style.backgroundColor=""
event.srcElement.style.color="black"
window.status=''
}
}
//下面的函数用于处理鼠标在具体菜单项上的点击,跳到对应的URL
function jumptoie5(){
if (event.srcElement.className=="menuitems")
window.location=event.srcElement.url
}
</SCRIPT>
<!--[if IE]>
<META content="MSHTML 5.00.2919.6307" name=GENERATOR>
</HEAD>
<BODY bgColor=#ffffff leftMargin=0 topMargin=0>
<!下面就是定义具体的菜单项目和菜单对应的URL,一共定义了5个>
<DIV id=ie5menu onclick=jumptoie5() onmouseout=lowlightie5() onmouseover=highlightie5()>
<DIV align=center class=menuitems url="http://diyweb.at.china.com/dreamweaver.htm" target="_blank">教学园地</DIV>
<DIV align=center class=menuitems url="http://diyweb.at.china.com/jzxs.htm" target="_blank">佳作欣赏</DIV>
<DIV align=center class=menuitems url="http://diyweb.at.china.com/soft.htm" target="_blank">工具软件</DIV>
<DIV align=center class=menuitems url="http://diyweb.at.china.com/javascript.htm" target="_blank">源代码</DIV>
<DIV align=center class=menuitems url="http://diyweb.at.china.com/home.htm" target="_blank">免费资源</DIV>
</DIV>
<![endif]-->
<SCRIPT language=JavaScript1.2>
//定义鼠标点击右键时弹出我们定义的菜单
document.oncontextmenu=showmenuie5
if (document.all&&window.print)
//定义鼠标在空白页面上点击时执行隐藏菜单动作
document.body.onclick=hidemenuie5
</SCRIPT>
<!下面这些是用CSS定义菜单具体的底色,底边,左边,右边,顶边的大小、颜色,是否实心;字体大小等>
<!Width参数是定义菜单宽度>
<STYLE>#ie5menu {
BACKGROUND-COLOR: menu;
BORDER-BOTTOM: black 2px solid;
BORDER-LEFT: black 2px solid;
BORDER-RIGHT: black 2px solid;
BORDER-TOP: black 2px solid;
CURSOR: default;
FONT-FAMILY: 宋体;
FONT-SIZE: 12px;
LINE-HEIGHT: 20px;
POSITION: absolute;
VISIBILITY: hidden;
WIDTH: 120px
}
</STYLE>
<center>
<Font size=7>Css 制作右键菜单</font>
</center>
<P> </P>
<P> </P>
</BODY>
</HTML>