首页| 新闻| 娱乐| 游戏| 科普| 文学| 编程| 系统| 数据库| 建站| 学院| 产品| 网管| 维修| 办公| 热点
<!-- http://www.vevb.com --><!-- bbs http://www.vevb.com/bbs--><!--要完成此效果需要两个步骤第一步:把如下代码加入到<body>区域中--><style>body,td,a {font-size:9pt;color:black}.none{border:black 1px solid;background:D9D9D9;padding-top:2}.over {border:black 1px solid;background:707888;color:white;padding-top:2}</style><div style="position:absolute; left: 100; top: 20; width: 1; height: 1;cursor: hand" ID=plane onmousedown="down=true;divleft=event.clientX-parseInt(plane.style.left);divtop=event.clientY-parseInt(plane.style.top)"onmouseup="down=false"><div align=center style="position:absolute; left:220px; top:3px; width:100px; height:19px; z-index:1;color:white;background:707888;cursor:move"onmouSEOver='stopTimerline();menuItemIn()' onmouseout='runTimerline()' class="none">可拖动的菜单</div><div align=center id="item11" style="position:absolute; left:120px; top:25px; width:99px; height:19px; z-index:2; filter:alpha(opacity=0)" onmouseover="this.className='over';stopTimerline()"onmouseout="this.className='none';runTimerline()" class="none">菜单项一</div><div align=center id="item12" style="position:absolute; left:320px; top:47px; width:99px; height:19px; z-index:3;filter:alpha(opacity=0)"class=none onmouseover="this.className='over';stopTimerline()"onmouseout="this.className='none';runTimerline()">菜单项二</div> <div align=center id="item13" style="position:absolute; left:120px; top:69px; width:99px; height:19px; z-index:4; filter:alpha(opacity=0)"class=none onmouseover="this.className='over';stopTimerline()"onmouseout="this.className='none';runTimerline()">菜单项三</div><div align=center id="item14" style="position:absolute; left:320px; top:91px; width:99px; height:19px; z-index:5;filter:alpha(opacity=0)"class=none onmouseover="this.className='over';stopTimerline()"onmouseout="this.className='none';runTimerline()">菜单项四</div> <div align=center id="item15" style="position:absolute; left:120px; top:113px; width:99px; height:19px; z-index:6; filter:alpha(opacity=0)"class=none onmouseover="this.className='over';stopTimerline()"onmouseout="this.className='none';runTimerline()">菜单项五</div></div><script>//动画菜单var currTimerlinePoint=0var totalTimerlineFrames=2var timerlineTimervar leftLine = 50var timerInvar timerOutvar timerlineArray = new Array()timerlineArray[0]=''timerlineArray[1]='menuItemOut()'function runTimerline(){window.timerlineTimer = setTimeout('menuItemOut()',500)}function stopTimerline(){clearTimeout(window.timerlineTimer)}function menuItemIn(){if( leftLine != 150){item11.style.pixelLeft += 20; item11.filters.alpha.opacity += 20item12.style.pixelLeft -= 20; item12.filters.alpha.opacity += 20item13.style.pixelLeft += 20; item13.filters.alpha.opacity += 20item14.style.pixelLeft -= 20; item14.filters.alpha.opacity += 20item15.style.pixelLeft += 20; item15.filters.alpha.opacity += 20leftLine += 20}else{clearTimeout(window.timerIn)return false}timerIn=window.setTimeout('menuItemIn()',1)}function menuItemOut(){clearTimeout(window.timerIn)if (leftLine != 50){item11.style.pixelLeft -= 20; item11.filters.alpha.opacity -= 20item12.style.pixelLeft += 20; item12.filters.alpha.opacity -= 20item13.style.pixelLeft -= 20; item13.filters.alpha.opacity -= 20item14.style.pixelLeft += 20; item14.filters.alpha.opacity -= 20item15.style.pixelLeft -= 20; item15.filters.alpha.opacity -= 20leftLine -= 20}else{clearTimeout(window.timerOut)return false;}timerOut=window.setTimeout("menuItemOut()",1)}self.moveTo(0,0)self.resizeTo(screen.availWidth,screen.availHeight)//移动层var over=false,down=false,divleft,divtop;function move(){if(down){plane.style.left=event.clientX-divleft;plane.style.top=event.clientY-divtop}}</script><!--第二步:把“onmousemove="move()"”加在<body>标记里例如:--><body onmousemove="move()">
Intel工程样品CPU的识别方法
图解CMOS路线和硬盘光驱跳线的
硬盘分区如何设置准确的分区空间
回眸一笑百魅生,六宫粉黛无颜色
岁月静美,剪一影烟雨江南
芜湖有个“松鼠小镇”
小满:小得盈满,一切刚刚好!
一串串晶莹剔透的葡萄,像一颗颗宝石挂在藤
正宗老北京脆皮烤鸭
人逢知己千杯少,喝酒搞笑图集
搞笑试卷,学生恶搞答题
新闻热点
疑难解答
图片精选
微信小程序各种坑?填坑tip
web前端如何让网页布局稳定性和标
CSS定位深入理解 完全掌握CSS定位
彻底理解浮动float CSS浮动详解 清
网友关注