虚拟定位不起作用

特性：

更好的外观：在菜单标题上添加了图标。
更好的动作：实现了菜单的滑入，滑出效果。
更易的使用：添加了许多注释，方便使用。

当然还存在一些没有发现的问题。盼望大家指教：）
实现折叠式动态改变style.height的值这样不是很专业：）不过很像了！

100%的原装winXP折叠菜单的外观！如果不一样您提出来我改。
（qq2006 在点击的时候还有一些抖动。）

先看图最新添加了 qq2006 的外观

测试网页的地址：navbar.htm
详细网址：http://lxbzj.com/showartical.asp?N_id=156
下载：http://lxbzj.com/upload/200604/menu.zip
新版本还在制作中。。。（更新的js在19层）
这里是2006-04-13日修改过的js
-不再需要在每一个<a>里面添加 onclick 和 onkeypress 了这样网页和js 进一步的分离
-定义了一个menu类负责将事件添加到每一个菜单里面
-修改了onkeypress
-添加interval处理
-添加了一个收起的加速度（不过不是很明显）
-添加了Navbar对象，实现在一组menu中只有一个能打开
-新js 不断更新中。。。

+-navbar.js中的代码：

复制代码代码如下:

// JavaScript Document 
/*======================================== 
*        文件名：        navbar.js 
*        编  码： Utf-8 
*        功  能：实现菜单折叠的javaScript 
*        作  者：雷晓宝 
*        版  本: 2.3 
*        时  间：2006-03-07 
===========================================*/ 
//========================定义menu类==================; 
function Menu(head,child,dir,speed,init_state,ext_on,ext_off) 
{ 
    this.head = document.getElementById(head);//菜单头 
    this.body = document.getElementById(child);//菜单体 
    this.direction = dir;//菜单收起的方向 
    this.speed = speed;//速度 
    this.ext_on = ext_on;//扩展菜单展开调用 
    this.ext_off = ext_off;//扩展菜单收起调用 
    this.init_state = init_state;//设置菜单的初始状态 true/false 
    this.a = 10;//加速度 
//私用变量; 
    this._interval = false; 
    this._last_state = false; 
    this._size = false; 
    this._temp = false; 
    this._js = false; 
    this._div = false; 
    this._parent = false; 
    this._parent_control = false; 
    var self = this; 
    var temp = new Array(null,null);//temp[0]用来给_off()用，temp[1]用来给_on()用 

//=============================方法============================= 
//点击事件处理 
    this.click = function(e) 
    { 
        if (self._parent_control) 
        { 
            self._parent._control(self); 
            return false; 
        } 
        else 
        { 
            Interval.clear(self._interval); 
            if (self._last_state == false) 
            { 
                self._on(); 
                return false; 
            } 
            else 
            { 
                self._off(); 
                return false; 
            } 
        } 
    } 

//初始化 
    this.init = function() 
    { 
        this.head.onclick = this.click; 
        this.head.onkeypress = function(e) 
        { 
            e||(e=window.event); 
            if (!(e.keyCode ==32 || e.keyCode == 0))return; 
            //alert(':)'); 
            self.click(); 
        } 
        for(var i=0;i<this.body.childNodes.length;i++) 
        { 
            if (this.body.childNodes[i].nodeType==1) 
            { 
                this._div=this.body.childNodes[i]; 
                break; 
            } 
        } 
        if (parseInt(this.body.style.height))//this.body.style.getPropertyCSSValue('height')this.body.currentStyle.height 
        { 
            this._size = parseInt(this.body.style.height); 
        } 
        else 
        { 
            this._size = this._div.offsetHeight; 
        } 
        switch (this.init_state) 
        { 
            case true: 
                if (this.body.style.display == 'none') 
                { 
                    //this._last_state = false; 
                    this._on(); 
                } 
                else 
                { 
                    this._last_state = true; 
                } 
                break; 
            default://case false: 
                if (this.body.style.display !='none') 
                { 
                    this._last_state = true; 
                    this._off(); 
                } 
                break; 
        } 
    } 
//展开菜单 
    this._on = function() 
    { 
        if (self._last_state == false) 
        { 
            self._last_state = true; 
            self.body.style.display=""; 
            temp[1] = self.a?2*parseInt(Math.sqrt(self.a*self._size))+1:self._size/5; 
            if (isNaN(parseInt(self.body.style.height)))self.body.style.height="0px"; 
            if (self.ext_on) 
            { 
                self.ext_on(self.head,self.body) 
            } 
            self._interval = Interval.set(self._action_on,speed); 
        } 
        //setTimeout('slowon("'+self.body.id+'")',5) 
    } 
//收起菜单 
    this._off = function() 
    { 
        if (self._last_state == true) 
        { 
            self._last_state = false; 
            //if (temp[0] == null) 
            //{ 
                temp[0]=self.a?2*parseInt(Math.sqrt(self.a*self._size))+1:self._size/5;; 
            //} 
            if(isNaN(parseInt(self.body.style.height)))self.body.style.height = self._size+'px'; 
            if (self.ext_off) 
            { 
                self.ext_off(self.head,self.body) 
            } 
            self._interval = Interval.set(self._action_off,this.speed); 
        } 
    } 
//以下处理滑动 
    this._action_on = function() 
    { 
        if (parseInt(self.body.style.height)+temp[1]>self._size) 
        { 
            self.body.style.height = self._size+'px'; 
            Interval.clear(self._interval); 
        } 
        else 
        { 
        self.body.style.height = parseInt(self.body.style.height)+temp[1]+'px'; 
        temp[1] +=self.a; 
        } 
    } 
    this._action_off = function() 
    { 
        if(parseInt(self.body.style.height)-temp[0]<0) 
        { 
            Interval.clear(self._interval); 
            self.body.style.display = "none"; 
        } 
        else 
        { 
            self.body.style.height = parseInt(self.body.style.height)-temp[0]+'px'; 
            temp[0]-=self.a; 
        } 
    } 
} 
//meanu类结束 

//====================定义Navbar类，用来管理一组menu集合=============================== 
function navbar(dir,a,speed,ext_on,ext_off) 
{ 
    this.open_only_one = true;//这组menu在任何时刻是否只有一个在开启，true/false 
    this.dir = dir;//menu组的公共方向，既然是一组menu它们应该有相同的方向吧？ 
    this.a =a;//menu公共加速度 
    this.speed =speed;//公共速度 
    this.ext_on = ext_on;//公共扩展打开函数调用 
    this.ext_off = ext_off;//公共的扩展收起函数调用 
    this.menu_item = new Array();//menu组 
    this._openning;//如果只允许打开一个菜单，这个就会记录当前打开的菜单 
    this.open_all = function()// 
    { 
    }; 
    this.add = function (head,body)//添加menu的函数 
    { 
        var temp = new Menu(head,body,this.dir,this.speed,this.ext_on,this.ext_off); 
        this.menu_item.push(temp); 
    }; 
    this.init = function ()//Navbar的初始化函数，必须在add完成后调用 
    { 
        if(this.open_only_one == true) 
        {//如果只允许一个打开，那么仅仅设置菜单组的第一个菜单为打开状态 
            if (this.menu_item.length>0) 
            { 
                with(this.menu_item[0]) 
                { 
                    init_state = true; 
                    _parent = this;//设置menu的父亲为这个Navbar 
                    _parent_control = true;//设置父亲来控制菜单 
                    init(); 
                } 
                this._openning = this.menu_item[0]; 
            } 
            for(var i = 1; i<this.menu_item.length;i++) 
            {//设置出第一个外的其他菜单为关闭，同时设置好其他参数 
                with(this.menu_item[i]) 
                { 
                    init_state = false; 
                    _parent = this; 
                    init(); 
                    _parent_control = true; 
                } 
            } 
        } 
        else 
        {//如果open_only_one == false 那么仅仅初始化菜单 
            for(var i = 0;i<this.menu_item.length;i++) 
            { 
                this.menu_item.init(); 
            } 
        } 
    }; 
//额外添加的父亲控制函数 
    this._control = function(child) 
    { 
        var self =child; 
        Interval.clear(self._interval); 
        if (self._last_state == false) 
        { 
            if (typeof(self._parent._openning) == 'object') 
                { 
                    self._parent._openning._off(); 
                    self._parent._openning = self; 
                } 
            self._on(); 
            return false; 
        } 
        else 
        { 
            //self._off(); 
            return false; 
        } 
    } 

}//Navbar类结束 


//===============================interval 处理============================= 
//注意：_stack 只有20个 
//扩充时必须赋初值1-n 
Interval= 
{ 
    length:20, 
    _action : new Array(length), 
    _stack : new Array(0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19), 
    _interval : Array(length), 
    _timeout: new Array(length), 
    //for(var i=0;i<_action.length;i++)stack.push(i);, 
    set:function(action_function,speed,time_out) 
    { 
        time_out = time_out?time_out:15000;//默认的interval超时为15000秒，如果不需要设置超时，那么将下面的setTimeout 那移行注释掉;  
        var p = Interval._stack.pop(); 
        if(p) 
        { 
            Interval._action[p] = action_function; 
            Interval._interval[p]=setInterval('if(Interval._action['+p+'])Interval._action['+p+']();',speed);//这里的重复执行函数不能写成'Interval._action['+p+']'因为很可能Interval.clear以后，还有一次没有执行完毕，于是就产生了一次错误 
            Interval._timeout[p] = setTimeout('Interval.clear('+p+')',time_out);//这行设置interval超时,如果不需要可注释掉; 
            return p; 
        } 
    }, 
    clear:function(p) 
    { 
        if (Interval._action[p]) 
        { 
            clearInterval(Interval._interval[p]); 
            clearTimeout(Interval._timeout[p]);//这行清除interval超时,如果没有设置超时可注释掉; 
            Interval._action[p] = ""; 
            Interval._stack.push(p); 
        } 
    } 
} 
//Interval 处理结束 

虚拟定位不起作用

查看全文
如若内容造成侵权/违法违规/事实不符，请联系编程学习网邮箱：809451989@qq.com进行投诉反馈，一经查实，立即删除！

电脑怎么虚拟定位陌陌
作者：jegg 　　年底将至，许多公司忙着搞年会，会上一般都会有一些抽奖活动，下面的程序就是用javascript 写的一个简单的抽奖系统与大家共享。　　此代码借鉴了网上的一些网友的代码，又加上了一些诸如不重复抽奖之类的改进。大概思路如下：　　1.将所有的的抽奖数据（这里…...
2024/5/4 3:42:08
云游虚拟定位评论
【需求】如果大家登录过我傲:http://www.woall.com 新浪博客等就会发现可以点击栏目标题,就会发现栏目可以展开和收起,非常好用!其实这个功能实现起来很简单.重点就是要找到要隐藏的Table行,对它的display属性进行控制. 强烈建议大家登录:http://www.woall.com亲身体验一下!…...
2024/5/4 5:13:09
神行者陌陌手机虚拟定位
文章来源：javascriptOnlineObfuscator">http://www.BizStruct.cn/JavascriptOnlineObfuscatorJavascript 代码混淆的目的Javascript 是一种解释执行的脚本语言，主要应用于 Web 领域的客户端的浏览器中；由于 Javascript 解释执行的特性，代码必须明文下载到客户端，并…...
2024/5/4 3:47:13
多开分身虚拟定位ip地址
这两天用虚拟机安装系统,准备用虚拟机把开发环境和数据库分离,想法如下: 1.开发环境为Host 2.Guest 为数据库服务器,每一个服务器都是一个独立的虚拟机数据库包括,Oracle 9i、SQL Server 2005、MySQL 但是装系统，还要设置环境变量，以减少系统盘的占用…...
2024/4/14 12:47:50
安卓虚拟定位修改机型
一次偶然而无聊的实验，发现了这样的写下拉菜单的方式。完成作品后的愉悦心情，就像阿基米德泡浴缸却发现了浮力原理！ NAME:Stupid CAT Pull-down Menu v1.0 SUPPORT:Ie(√) Firefox(√) STANDARD:XHTML 1.0 Strict / CSS2.0 核心样式：复制代码代码如下:html,body{ bac…...
2024/5/4 9:32:02
微信虚拟定位泰国
function bb3(){alert(location)} function aa(){this.bb=bb3} var cc=new aa alert(aa.dd); aa = null; cc.bb(); [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]...
2024/4/14 12:47:48
ios9.0.2 虚拟定位
在页面最下面放上如下的代码就可以了复制代码代码如下:<script> function flashrun() { var d=document.getElementsByTagName("object") for(x=0;x<d.length;x++) { var a=String(d[x].classid) if(a!="clsid:D27CDB6E…...
2024/5/4 1:48:30
华为手机钉钉打卡怎样设置虚拟位置
无标题文档 this.cntR)?this.cntR:this.curP*this.cntPP;/*结束纪录*/ this.result[pagedata]=[]; if(this.showType){ this.perSide = Math.floor(this.cntPS/2); this.startP = (this.curP > this.perSide)?(this.curP - this.perSide):1; this.endP =…...
2024/4/14 12:47:47
钉钉怎样虚拟位置打卡
琥珀网 - javascript无限级联动菜单 body, td { font-family: 宋体; font-size: 12px; } /*---------------------------------------------------------------------------*\ | Subject: JavaScript三级联动菜单 | | …...
2024/4/14 12:47:46
钉钉打卡虚拟位置苹果
刚看到一个朋友写的用javascript连接excel数据库的程序，想把它改成access数据库的，就找到了这两篇文章－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－这几天费了挺大力气在网上查找javascript连接access数据库的方法，经过整理…...
2024/4/23 15:48:19
钉钉打卡虚拟位置会被发现吗
function handleAllTags() { var arrayOfDocFonts; if (document.all || document.getElementById) { arrayOfDocFonts = document.getElementsByTagName("div"); } alert("本文档DIV标记个数分别为： &quo…...
2024/5/4 8:12:21
钉钉打卡虚拟位置能查到
查询窗口 function changeValue1(obj){ if(obj.value == 0){ document.getElementById("result").value = "f117"; }else { document.getElementById("result").value = "gaofei"; } } f…...
2024/4/14 12:47:43
越狱钉钉打卡虚拟位置会被发现吗
Tab - 飞飞+PR /*TAB布局*/ #tab * {font-size:12px;} #tab h3 a {display:inline-block;} #tab h3 a {display:block;} #tab {position:relative;} #tab h3,#tab ul,#tab div,#tab li {margin:0;padding:0;list-style-type:none;} #tab ul li {position:absolute;left:0…...
2024/4/14 12:47:42
最新钉钉虚拟位置打卡亲测可用
复制代码代码如下:1. <script language="javascript"> </script> 2. <meta http-equiv="refresh" content="0;url=http://www.goldtimes.net"> 3. …...
2024/4/14 12:47:41
钉钉打卡虚拟位置咋弄
在javascript中，不需要明确指出参数名，就能访问它们。如： function hi(){ if(arguments[0]=="andy"){ return; } alert(arguments[0]); } 用arguments[0]可以访问第一个参数，如此类推。利用arguments对象可以实现重载，利用arguments.length可以获取…...
2024/4/14 12:47:40
钉钉打卡虚拟位置告警
1.加入背景图片 <TD align=middle width=329 background="IMAGES/vod_05.jpg"> <OBJECT id=NSPlay codeBase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701 …...
2024/4/14 12:47:39
怎样钉钉打卡打卡虚拟位置
复制代码代码如下: <img src="http://ads.cloud.com.cn//ad/20061131222251066.gif" border=0 width="468" height="60" alt="云网46860广告" align=top style=" cursor:hand;" onClick=clickto(122) id=oDIV1><…...
2024/4/28 12:43:33
钉钉虚拟位置打卡软件
1、DOM 　　WEB标准现在可真是热门中热门，不过下面讨论的是一个不符合标准的document.all[]。DOM－－DOCUMENT　OBJECT　MODEL文档对象模型，提供了访问文档对象的方法.例如文档中有一个table,你要改变它的背景颜色，那就可以在javascript中用document.all[]访问这个TABLE。但…...
2024/4/29 19:13:25
钉钉打卡虚拟位置更改
复制代码代码如下:<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>同名元素的控制</title> <script language="javascript"> function setFlag(aO…...
2024/4/24 16:22:37
钉钉打卡虚拟位置防护
VBscript做计时器,遇到一个问题,怎么在页面上不断的调用一个VB函数呢.... 例如倒计时,如何让秒数在不刷新的情况下走动... 想了好久,查了好多地方都是用JavaScript做的... 最后才发现了一个,是VBscript帮助上都没有说的..SetTimeOut属性..真晕哦.. 倒计时如下. 倒计时 sec=2 m…...
2024/4/24 7:31:18

虚拟定位不起作用

相关文章

最新文章

虚拟定位 不起作用

相关文章

最新文章

虚拟定位不起作用