仿qq 实现开关菜单的函数 android软件开发教程

  次阅读 来源:互联网(转载协议) 2016-03-25 16:32 我要评论(0)

script language="JavaScript" type="text/JavaScript">

var sp=12;/*滑动的速度,单位是像素,只填写数字*/

/*==============

实现开关菜单的函数

=================*/

function onoff(taga)

{

var hd=taga.parentNode;

var menu = document.getElementById(hd.id+"_child");

if (menu.style.display =="none"){

taga.className= "on";

menu.style.display="";

setTimeout("slowon(""+menu.id+"")",5);/*hda1.style.display="none";*/}

else {

/*menu.style.height="10px";*/

/*menu.style.display="none";*/

taga.className= "off";

setTimeout("slowoff(""+menu.id+"")",10);

/*hda1.style.display="";*/}

}

/*================

实现菜单滑动的函数

=================*/

function slowoff(id){/*这个实现菜单收起*/

id=document.getElementById(id);

var h = parseInt(id.style.height);

if(isNaN(h))h= id.offsetHeight;

/*if (h>0){

*/

if(h-sp>0){id.style.height=(h-sp)+"px";

setTimeout("slowoff(""+id.id+"")",5);/*}else */}

else{id.style.height="0px";

id.style.display="none";

/*id.style.height="auto";*/}

}

function slowon(id){/*这个实现菜单展开,初始条件必须是:菜单的高度="0px",不然会出错*/

var cld;

id=document.getElementById(id);

for(i=0;i<id.childNodes.length;i++){if(id.childNodes[i].nodeType==1){cld=id.childNodes[i];break;}}

var h = id.offsetHeight;

var h1=cld.offsetHeight;

id.style.height=parseInt(id.style.height)+sp+"px";

if (h1==0 || h<h1)setTimeout("slowon(""+id.id+"")",5);//通过比较内部子节点的高度与菜单的高度来判断是否已经打开完全

else{id.style.height="auto";}

}

/*=========================

在窗体载入完成后隐藏起一些菜单项

============================*/

function hidesth(){

var arr =[2,3,4,5,6,7];

for(i=0;i<arr.length;i++)

if (document.getElementById("menu"+ arr[i]+"_a")){document.getElementById("menu"+ arr[i]+"_a").onclick()//.display="none";document.getElementById("menu"+arr[i]+"_child").style.height="0px";

本站部分文章来源于网络以及网友投稿,本站只负责对文章进行整理、排版、编辑,是出于传递更多信息之目的,并不意味着赞同其观点或证实其内容的真实性。如果您有什么意见或建议,请联系QQ28-1688-302!

人工智能实验室
相关文章相关文章
  • 品友互动为Digital Travel APAC2018 唯一受邀中国AI企业

    品友互动为Digital Travel APAC2018 唯一受邀中国AI企业

  • 让AI触手可及  Qualcomm携手创通联达推出全新终端侧AI开发套件

    让AI触手可及 Qualcomm携手创通联达推出全新终端侧AI开发套件

  • 长虹新款智能语音空调,告诉你空调也能玩Siri

    长虹新款智能语音空调,告诉你空调也能玩Siri

  • 第一批国家重点研发计划公布,旷视科技开启“五年行动”

    第一批国家重点研发计划公布,旷视科技开启“五年行动”

网友点评网友点评
阅读推荐阅读推荐

据外媒报道,STEER打造了首款完全自动驾驶停车技术,旨在使常规车辆转变为无人驾驶车辆。STEER的首款技术应用是4级自动驾驶及网络安全停车...

近日,美国软性机器抓手制造商 Soft Robotics 宣布,获得 2000 万美元的融资,本轮投资者包括 Scale Venture Partners,Calibrate Ventures...

据外媒报道,加州车管局发布了《2017自动驾驶脱离报告(California Autonomous Vehicle Disengagement Reports)》,其中谈及了脱离的具体...

用人机语音交互,来解决智能家居适老的问题;通过家庭门禁与安防套件、空气净化套件、可燃气体与有害气体监控套件等相互联动,在不同生活情...