George World

          技術(shù)改變明天,創(chuàng)新塑造未來(lái)! i(at)huadev.com Follow Me: http://t.sina.com.cn/georgeworld

            BlogJava :: 首頁(yè) :: 新隨筆 :: 聯(lián)系 :: 聚合  :: 管理 ::
            28 隨筆 :: 0 文章 :: 5 評(píng)論 :: 0 Trackbacks

          <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ">
          <html xmlns="
          >
          <head>
          <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
          <title>漂浮層代碼-演示</title>
          <script language="javascript" type="text/javascript">
          var suspendDivWidth = "100";  //漂浮層寬度
          var suspendDivHeight = "300";  //漂浮層高度
          var qqNumberArray = new Array("1205640864","1491012702");  //QQ號(hào)碼列表

          var lastScrollY=0;
          function heartBeat(){
              var diffY,percent;
              if (document.documentElement && document.documentElement.scrollTop){
                  diffY = document.documentElement.scrollTop;
              }
              else if (document.body){
                  diffY = document.body.scrollTop;
              }
              else{
                  /*Netscape stuff*/
              }
              percent=.1*(diffY-lastScrollY);
              if(percent>0){
                  percent=Math.ceil(percent);
              }
              else{
                  percent=Math.floor(percent);
              }
              document.getElementById("georgeFloatingLayer_Div1").style.top=parseInt(document.getElementById("georgeFloatingLayer_Div1").style.top)+percent+"px";
              document.getElementById("georgeFloatingLayer_Div2").style.top=parseInt(document.getElementById("georgeFloatingLayer_Div1").style.top)+percent+"px";
              lastScrollY=lastScrollY+percent;
          }

          //合成浮動(dòng)層的內(nèi)容
          function getContentOfFloatingLayer(){
              var floatingLayerContent = "";
              for (var i in qqNumberArray){
                  floatingLayerContent = floatingLayerContent + "<a target=\"_blank\" href=\"
          ><img border=\"0\" src=\" alt=\"點(diǎn)擊這里給我發(fā)消息\" title=\"點(diǎn)擊這里給我發(fā)消息\"></a><br />";
              }
              floatingLayerContent = "<fieldset id=\"georgeFloatingLayerFieldset\" style=\"-moz-border-radius:8px; text-align:center;\"><legend>在線聯(lián)系</legend>"+floatingLayerContent+"</fieldset>";
              return floatingLayerContent;
          }

          var georgeFloatingLayer_1="<DIV id=\"georgeFloatingLayer_Div1\" style='left:0;POSITION:absolute;TOP:10px;width:0;height:0;border:0px;'></div>"
          var georgeFloatingLayer_2="<DIV id=\"georgeFloatingLayer_Div2\" style='background-color:#FFFFFF;right:2px;POSITION:absolute;TOP:10px;width:"+suspendDivWidth+"px;height:"+suspendDivHeight+"px;border:0;'>"+getContentOfFloatingLayer()+"</div>";
          document.write(georgeFloatingLayer_1);
          document.write(georgeFloatingLayer_2);

          window.setInterval("heartBeat()",1);
          </script>
          </head>

          <body>
          <div style="height:900px; background-color:#FF0000; border:solid #3399FF 1px;">ffffffffffff</div>
          </body>
          </html>


          評(píng)論

          # 騰飛數(shù)據(jù) 2011-01-25 23:53 選擇騰飛-復(fù)制成功
          選擇騰飛-復(fù)制成功  回復(fù)  更多評(píng)論
            

          # re: 網(wǎng)頁(yè)QQ聊天按鈕-漂浮層中的QQ在線狀態(tài) 2011-09-09 18:50 終極網(wǎng)絡(luò)
          很好  回復(fù)  更多評(píng)論
            

          # re: 網(wǎng)頁(yè)QQ聊天按鈕-漂浮層中的QQ在線狀態(tài) 2014-07-11 09:33 覃起亮
          就像弄個(gè)好看的代碼發(fā)到網(wǎng)頁(yè)中  回復(fù)  更多評(píng)論
            


          只有注冊(cè)用戶登錄后才能發(fā)表評(píng)論。


          網(wǎng)站導(dǎo)航:
           
          主站蜘蛛池模板: 彝良县| 张北县| 巴彦县| 黑河市| 仙居县| 财经| 邛崃市| 闽侯县| 广州市| 四子王旗| 汉寿县| 平利县| 东乡族自治县| 商河县| 开化县| 泗水县| 牡丹江市| 双辽市| 中阳县| 康乐县| 富顺县| 章丘市| 伊金霍洛旗| 台湾省| 江口县| 凌源市| 呈贡县| 辽宁省| 江安县| 温泉县| 大余县| 都江堰市| 二连浩特市| 大港区| 鄱阳县| 原阳县| 烟台市| 全南县| 会同县| 九龙坡区| 崇礼县|