隨滑鼠移動的js快捷導航

來源:互聯網
上載者:User
關鍵字 網頁製作 Ajax JavaScript

<style type="text/css">
.fa{ width:200px;height:250px;font-size:14px; line-height:25px; padding-left:10px;}
</style>

&lt;TABLE  cellSpacing=0 cellPadding=0 width="980" height="800" border=0&gt;


&lt;TBODY&gt;


&lt;TR&gt;


&lt;TD width=750 bgColor=#333333 valign="top"&gt;


&lt;br&gt;&lt;font color="#FFFFFF"&gt;&amp;nbsp;建站教學網推薦:隨滑鼠移動的快捷導航(右邊為快捷導航)&lt;/font&gt;&lt;/TD&gt;


&lt;TD width="230"&gt;&amp;nbsp;


&lt;SCRIPT language=javascript&gt;


self.onError=null;


lastScrollX = 0; lastScrollY = -27;


function heartBeat() {


 diffY = document.body.scrollTop;


 if(diffY != lastScrollY)


 {


 percent = .1 * (diffY - lastScrollY);


 if(percent &gt; 0)


  percent = Math.ceil(percent);


else


  percent = Math.floor(percent);


 document.all.floater.style.pixelTop += percent;


 lastScrollY = lastScrollY + percent;


 }





 var s='';


 s='&lt;div id=floater style="Z-INDEX: 3; LEFT: 770px; VISIBILITY: visible; WIDTH: 170px; POSITION: absolute; TOP: 50px; HEIGHT: 185px"&gt;';


 s=s+'&lt;table width="220" height="39" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF "&gt; ';


 s=s+'&lt;tr&gt; ';


 s=s+'&lt;td height="5" bgcolor="EECD14"&gt;&lt;/td&gt;';


 s=s+'&lt;td height="5" bgcolor="EECD14"&gt;&lt;/td&gt;';


 s=s+'&lt;td height="5" bgcolor="EECD14"&gt;&lt;/td&gt;';


 s=s+'&lt;/tr&gt;';


 s=s+'&lt;tr&gt;';


s=s+'&lt;td width="5" bgcolor="EECD14"&gt;&lt;/td&gt; ';


 s=s+'&lt;td align="left" valign="top"&gt;&lt;div align="center" class="fa"&gt;強烈推薦:&lt;a href="HTTP:// www.jzread.com" target="_blank"&gt;建站教學網&lt;/a&gt;&lt;br&gt;建站教學網|免費學習建站技術,建站指南,建站教程和技術交流中心&lt;/div&gt;';


    s=s+'&lt;/td&gt; ';


    s=s+'&lt;td  width="5" bgcolor="EECD14"&gt;&lt;/td&gt;';


    s=s+'&lt;/tr&gt;';


    s=s+'&lt;tr&gt; ';


    s=s+'&lt;td  width="5" bgcolor="EECD14"&gt;&lt;/td&gt;';


    s=s+'&lt;td  height="5" bgcolor="EECD14"&gt;&lt;/td&gt; ';


    s=s+'&lt;td  width="5" bgcolor="EECD14"&gt;&lt;/td&gt; ';


    s=s+'&lt;/tr&gt; ';


    s=s+'&lt;/table&gt;';  


document.write(s);


action = window.setInterval("heartBeat()",1);


function MM_jumpMenu(targ,selObj,restore){ //v3.0


  eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");


  if (restore) selObj.selectedIndex=0;


}


&lt;/SCRIPT&gt;


&lt;/TD&gt;


&lt;/TR&gt;


&lt;/TBODY&gt;


&lt;/TABLE&gt;

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.