//导航选项卡 /*更换显示样式*/ function setTab(m,n){ var tli = document.getElementById("menu"+m).getElementsByTagName("li"); var mli = document.getElementById("main"+m).getElementsByTagName("ul"); var faterLfet = document.getElementById("tabs1").offsetLeft; //得到父div到浏览器左边的距离 var titleWidth = tli[1].clientWidth; //得到一级菜单的宽度 var titleLeft = titleWidth * n; //得到第n个一级菜单到父div左边的距离 var left = faterLfet + titleLeft; //计算第n个一级菜单到浏览器左边的距离 var oneMenuMiddle = left - titleWidth / 2; //得到一级菜单重点与浏览器左边的距离 for(i=0;i<tli.length;i++){ tli[i].className=i==n?"hover":""; mli[i].style.display=i==n?"block":"none"; var tabs1Num = mli[n].clientWidth; //获取二级菜单的宽度 if(n == 0){ var twoLeft = oneMenuMiddle - tabs1Num / 2; //得到二级菜单与浏览器左边的距离 }else{ var twoLeft = oneMenuMiddle - tabs1Num / 2 -180; //得到二级菜单与浏览器左边的距离 } document.getElementById("fatherDiv").style.left = twoLeft; } }
相关推荐
javascript获取浏览器临时目录javascript获取浏览器临时目录javascript获取浏览器临时目录javascript获取浏览器临时目录
这是一个JavaScript获取浏览器参数的方法,
JavaScript 获取浏览器的显示区域大小信息.txt JavaScript 获取浏览器的显示区域大小信息.txt JavaScript 获取浏览器的显示区域大小信息.txt JavaScript 获取浏览器的显示区域大小信息.txt
javascript获取设置div的高度和宽度兼容任何浏览器.docx
javascript获取浏览器相关属性(判断浏览器类型,收藏本站等)
实现DIV与DIV之间的连线,工程流程图那样.使用DIV+JS! 我封装了一个基于vml/svg画线条的跨浏览器的函数 用法: var g = new FlowGraphic(); var arrow = g.drawArrow(5,26,200,300,"red"); var arrow = g.drawArrow...
javascript获取浏览器类型和版本的方法(js获取浏览器版本).docx
本文实例讲述了JS获取鼠标位置距浏览器窗口距离的方法。分享给大家供大家参考,具体如下: 先来看看运行效果图: 代码如下: <!DOCTYPE html> <html> <head> <meta charset=utf-8> <...
简单实现javascript弹DIV层
Javascript实现div对话框效果
JavaScript中如何获取按钮所在DIV的ID
javascript浮动div,可拖拽div,遮罩层(div和iframe实现)
javascript操作Div和Css 网页开发必备
javascript操作DIV总结(弹出窗口篇)只供参考,请多多指教
关于获取各种浏览器可见窗口大小的一点点研究。使用javascript轻松实现日常需要的功能。
javascript, 获取各种浏览器相关信息和获取电脑PC的信息, 磁盘, 主板, CPU等
纯Javascript编写的div拖拽以及用鼠标绘制div之间连接线,外部资源仅需要jquery。有以下功能: 1、创建节点 2、节点随鼠标任意拖动 3、切换拖动和画线模式 4、用鼠标绘制两个节点之间带有箭头的连线 5、连接线随节点...
JavaScript 制作div圆角 带有实例
JavaScript获取鼠标位置和鼠标与div的相对位置
主要介绍了javascript实现获取浏览器版本,javascript实现获取浏览器类型两大方面,对这方面感兴趣的朋友可以参考一下