鼠标触发浮动框代码
(暂时没有评价)
Loading ...这样的东西有很多，正好用到了这个。效果自己复制了看下吧
用到的图片
- function moveAlong(layerName, paceLeft, paceTop, fromLeft, fromTop){
- clearTimeout(eval(layerName).timer)
- if(eval(layerName).curLeft != fromLeft){
- if((Math.max(eval(layerName).curLeft, fromLeft) - Math.min(eval(layerName).curLeft, fromLeft)) < paceLeft){eval(layerName).curLeft = fromLeft}
- else if(eval(layerName).curLeft < fromLeft){eval(layerName).curLeft = eval(layerName).curLeft + paceLeft}
- else if(eval(layerName).curLeft > fromLeft){eval(layerName).curLeft = eval(layerName).curLeft - paceLeft}
- if(ie){document.all[layerName].style.left = eval(layerName).curLeft}
- if(ns){document[layerName].left = eval(layerName).curLeft}
- }
- if(eval(layerName).curTop != fromTop){
- if((Math.max(eval(layerName).curTop, fromTop) - Math.min(eval(layerName).curTop, fromTop)) < paceTop){eval(layerName).curTop = fromTop}
- else if(eval(layerName).curTop < fromTop){eval(layerName).curTop = eval(layerName).curTop + paceTop}
- else if(eval(layerName).curTop > fromTop){eval(layerName).curTop = eval(layerName).curTop - paceTop}
- if(ie){document.all[layerName].style.top = eval(layerName).curTop}
- if(ns){document[layerName].top = eval(layerName).curTop}
- }
- eval(layerName).timer=setTimeout('moveAlong("'+layerName+'",'+paceLeft+','+paceTop+','+fromLeft+','+fromTop+')',30)
- }
- function setPace(layerName, fromLeft, fromTop, motionSpeed){
- eval(layerName).gapLeft = (Math.max(eval(layerName).curLeft, fromLeft) - Math.min(eval(layerName).curLeft, fromLeft))/motionSpeed
- eval(layerName).gapTop = (Math.max(eval(layerName).curTop, fromTop) - Math.min(eval(layerName).curTop, fromTop))/motionSpeed
- moveAlong(layerName, eval(layerName).gapLeft, eval(layerName).gapTop, fromLeft, fromTop)
- }
- function FixY(){
- if(ie){sidemenu.style.top = document.body.scrollTop+10}
- if(ns){sidemenu.top = window.pageYOffset+10}
- }
- //树形导航的JS代码
- var expandState = 0;
- function expand(){
- if(expandState == 0){setPace('master', 0, 10, 10); if(ie){document.menutop.src = 'images/menui.gif'}; expandState = 1;}
- else{setPace('master', -300, 10, 10); if(ie){document.menutop.src='images/menuo.gif'}; expandState = 0;}
- }
- document.write("
- #master {LEFT: -300px; POSITION: absolute; TOP: 25px; VISIBILITY: visible; Z-INDEX: 999}
- ")
- document.write("
- <table id="master" border="0" cellspacing="0" cellpadding="0" width="318">
- <tbody>
- <tr>
- <td><img src="http://www.52004.com.cn/wp-admin/images/menutop.gif" border="0" alt="" width="300" height="6" /></td>
- <td rowspan="2" valign="top"><img id="menu" onmouseover="javascript:expand()" src="http://www.52004.com.cn/images/menuo.gif" border="0" alt="" width="18" height="70" /></td>
- </tr>
- ");
- document.write("
- <tr>
- <td valign="top">
- <table border="0" cellspacing="5" cellpadding="0" width="100%">
- <tbody>
- <tr>
- <td height="80" valign="top">
- <table style="height: 100%;" border="1" cellspacing="5" cellpadding="0" width="100%" bgcolor="#ecf6f5" bordercolor="#666666">
- <tbody>
- <tr>");
- document.write("
- <td height="10" align="center" bordercolor="#ecf6f5"><span style="color: #999900;"><strong>聚 川 搜 索</strong></span></td>
- </tr>
- <tr>
- <td valign="top" bordercolor="#ecf6f5">");
- document.write("</td>
- </tr>
- </tbody></table>
- </td>
- </tr>
- </tbody></table>
- </td>
- </tr>
- </tbody></table>
- ");
- var ie = document.all ? 1 : 0
- var ns = document.layers ? 1 : 0
- var master = new Object('element')
- master.curLeft = -200; master.curTop = 10;
- master.gapLeft = 0; master.gapTop = 0;
- master.timer = null;
- if(ie){var sidemenu = document.all.master;}
- if(ns){var sidemenu = document.master;}
- setInterval('FixY()',100);
可乐发表于:03-22-08
可定制的后台首页，多种文件上传，内建的相册，一键插件升级，标签管理，内建Gravatars，RSS全文输出，以及更快的载入时间。
