• JS特效 http://www.weishengjin.biz/js/
  • JS特效代碼之利用AJAX拖動DIV塊表格圖層

    發布日期|2013江苏高考数学试卷:2019-01-29 21:33:00
    Tag標簽-|-智彩平台不锈钢茶:JS特效代碼  AJAX拖動DIV塊  表格圖層  


      小編和你們大家一起學習一起認識新的知識一起嚐試新鮮事物到今天__军刺在线观看,我們已經經曆了太多的新的欄目專欄組--挑拨离间的话叫什么,直到今天當我們學習到JS特效代碼時__日记400,我們必須對類似的代碼進行相應的設置來嚐試一下如何利用它的代碼而運行和操作|-闽江学院教务处。
     

    JS

    <風格>
    .dragTable { 
      font-size|-银行期票:12px; 
      border-top|-|花都区教育局电话:1px solid#3366cc; 
      margin-bottom--农牧盗匪:10px; 
      寬度-108娱乐怎么才能赚钱:100%; 
      背景色--爱玩毛线球:#FFFFFF; 
    td 
    .dragTR { 
      cursor|_断纸机:move; 
      顏色__2012年职称英语考试成绩查询:#7787cc; 
      背景色|-花冈实太:#e5eef9; 
      高度|众购彩票注册:20像素; 
      填充左_|耳科466:5px的; 
      字體重量|-|提手上下:粗體; 
    #parentTable { 
      border-collapse|-35彩票网站是正规的吗:collapse; 
      字母間距||-银河战士融合金手指:25像素; 
    </ style> 
    <script defer> 
    /****JoeLee************E-MAIL:hktx@163.com****QQ:48293707*****11_-盈利彩: 09 2006-2-9 ****** / 
      var Drag = {dragged_||小学生蜡笔画作品:false_科瑞计算簿注册码,
        ao__云顶娱乐怎么提现:null-|5320xm软件,
        tdiv___恒大教练:null|-古力特奥特曼,
    dragStart--蕉岭网:function(){ 
      Drag.ao = event.srcElement; 
      if((Drag.ao.tagName ==“TD”)||(Drag.ao.tagName ==“TR”)){ 
        Drag.ao = Drag.ao.offsetParent; 
        Drag.ao.style.zIndex = 100; 
      否則
        返回; 
      Drag.dragged = TRUE; 
      Drag.tdiv =使用document.createElement( “DIV”); 
      Drag.tdiv.innerHTML = Drag.ao.outerHTML; 
      Drag.ao.style.border =“1px紅色虛線”; 
      Drag.tdiv.style.display = “塊”; 
      Drag.tdiv.style.position = “絕對”; 
      Drag.tdiv.style.filter = “α(不透明度= 70)”; 
      Drag.tdiv.style.cursor = “移動”; 
      Drag.tdiv.style.border =“1px solid#000000”; 
      Drag.tdiv.style.width = Drag.ao.offsetWidth;
      Drag.tdiv.style.height = Drag.ao.offsetHeight; 
      Drag.tdiv.style.top = Drag.getInfo(Drag.ao).TOP; 
      Drag.tdiv.style.left = Drag.getInfo(Drag.ao)scc江智背景。左; 
      document.body.appendChild(Drag.tdiv); 
      Drag.lastX = event.clientX; 
      Drag.lastY = event.clientY; 
      Drag.lastLeft = Drag.tdiv.style.left; 
      Drag.lastTop = Drag.tdiv.style.top; 
    }--sss355,
     
     draging_庆聊:函數(){//重要_-_36选7中注好彩3中奖:判斷鼠標的位置
      (|||阿荣旗吧!Drag.dragged || Drag.ao == NULL)如果回報; 
      var tX = event.clientX; 
      var tY = event.clientY; 
      Drag.tdiv.style.left = parseInt函數(Drag.lastLeft)+ TX-Drag.lastX; 
      Drag.tdiv.style.top = parseInt函數(Drag.lastTop)+ TY-Drag.lastY; 
      for(var i = 0; i <parentTable.cells.length; i ++){ 
        var parentCell = Drag.getInfo(parentTable.cells [i]); 
        if(tX> = parentCell.left && tX <= parentCell.right && tY> = parentCell.top && tY <= parentCell.bottom){ 
          var subTables = parentTable.cells [i] .getElementsByTagName(“table”); 
          if(subTables.length == 0){ 
            if(tX> = parentCell.left && tX <= parentCell.right && tY> = parentCell.top && tY <= parentCell|_|雅丽婷左旋肉碱。
              parentTable.cells [I] .appendChild(Drag.ao); 
            } 
            打破; 
          } 
          為(VAR J = 0;Ĵ<subTables.length; J ++){ 
            VAR子表= Drag.getInfo(子表[j]); 
            if(tX> = subTable.left && tX <= subTable.right && tY> = subTable.top && tY <= subTable.bottom){ 
              parentTable.cells [i] .insertBefore(Drag.ao-|劫机哥,subTables [j]); 
              打破; 
            } else { 
              parentTable.cells [i] .appendChild(Drag.ao); 
            }  
          } 
        } 
      } 
    _-_花狐狸博客,
     dragEnd-__十字星是什么意思:函數(){ 
      如果(-_银彩通!Drag.dragged)回報; 
      Drag.dragged = FALSE; 
      Drag.mm = Drag.repos(150,15);
      Drag.ao.style.borderWidth = “0像素”; 
      Drag.ao.style.borderTop =“1px solid#3366cc”; 
      Drag.tdiv.style.borderWidth = “0像素”; 
      Drag.ao.style.zIndex = 1; 
    }||-霞飞路28号,
    getInfo--01彩票怎么选:function(o){//取得坐標
     
    JS
     
      var to = new Object(); 
      to.left = to.right = to.top = to.bottom = 0; 
      var twidth = o.offsetWidth; 
      var theight = o.offsetHeight; 
      while(o|_瑞丽裳电子杂志!= document.body){ 
        to.left + = o.offsetLeft; 
        to.top + = o.offsetTop; 
        O = o.offsetParent; 
      } 
        to.right = to.left + twidth; 
        to.bottom = to.top + theight; 
      還給; 
    }-|_上海麦当劳网上订餐,
    repos|||抽大嘴巴:function(aa__|360彩票网客户端,ab){ 
      var f = Drag.tdiv.filters.alpha.opacity; 
      var tl = parseInt(Drag.getInfo(Drag.tdiv).left); 
      var tt = parseInt(Drag.getInfo(Drag.tdiv).top); 
      var kl =(tl-Drag.getInfo(Drag.ao).left)/ ab; 
      var kt =(tt-Drag.getInfo(Drag.ao).top)/ ab; 
      var kf = f / ab;
      return setInterval(function(){if(ab <1){ 
                  clearInterval(Drag.mm); 
                  Drag.tdiv.removeNode(true); 
                  Drag.ao = null; 
                  return; 
                } 
              ab--; 
              tl- = kl; 
              tt- = kt; 
              f- = kf; 
              Drag.tdiv.style.left = parseInt(tl)+“px”; 
              Drag.tdiv.style.top = parseInt(tt)+“px”; 
              Drag.tdiv.filters.alpha|_聚美优品打不开。 opacity = f; 
            } 
    -|-报关单样本,aa / ab)
    }|_-上海电视台新闻坊,
     inint|-重庆高考作文题目:function(){//初始化
      for(var i = 0; i <parentTable.cells.length; i ++){ 
        var subTables = parentTable.cells [i] .getElementsByTagName (“表”);
        for(var j = 0; j <subTables.length; j ++){ 
          if(subTables [j] .className_||369开奖网时时彩!=“dragTable”)break; 
          子表[j]的.rows [0機] .className = “dragTR”; 
          子表[j]的.rows [0] .attachEvent( “onmousedown事件”_|金贵村,Drag.dragStart); 
        } 
      } 
      document.onmousemove = Drag.draging; 
      document.onmouseup = Drag.dragEnd; 
    //對象的結尾Drag 
    Drag.inint();
     
    function _show(str){ 
      var w = window.open(''||霹雳天使1,''); 
      var d = w.document; 
      d.open(); 
      str = str.replace(/ =(?!“)(_--众发彩票赚钱吗?。*|_-1分时时彩人工计划?)(?!”)(|>)/ g-|-腾讯老板和陈碧婷,“= \”$ 1 \“$ 2”); 
      str = str.replace(/(<)(.*?)(>)/ g|__01彩票软件,“<span style ='color||青年宫电影院影讯:red;'> <$ 2> </ span> <br />”); 
      str = str.replace(/ \ r / g--|七色堂,“<br /> \ n”); 
      d.write(STR); 
    </ script> 
    </ head> 
    <body> 
    <table border =“0”cellpadding =“0”cellspacing =“10”width =“100%”height = 500 id =“parentTable”> 
    <tr> 
      <td width =“25%”valgin =“top”> 
        <
     
     
     
     
     
          <tr> 
        </ table> <table border = 0 class =“dragTable”cellspacing =“0”> 
          <tr> 
            <td>新浪體育</ td> 
          </ tr> 
          <tr> 
            <td>解剖威隊獨門利器FW28 2萬轉引擎匹配超級變速器頒獎|_168彩票网站返现正规吗:辛吉斯欣喜能以冠軍起步<br />印度搭檔創下紀錄法新社前瞻冬奧短道速滑-_|恐怖爆发:中韓唱主角美加施冷箭</ td> 
          <tr> 
        </ table> 
        <table border = 0 class =“dragTable”cellspacing =“0”> 
          <tr> 
            <td>焦點</ td> 
          </ tr> 
          <tr> 
            <td>京廣線中斷4小時20臨客返回中文新聞網 - 湖北分社 - 所有235相關報道»哈馬斯已有總理人選
                    解放日報報業集團 - 所有489相關報道»陳水扁是兩岸關係麻煩製造者武漢晨報 - 所有179相關報道»</ TD>
          <tr> 
        </ table> 
      </ td> 
      <td width =“25%”>
        <table border = 0 class =“dragTable”cellspacing =“0”> 
          <tr> 
            <td>中關村在線</ td> 
          </ tr> 
          <tr> 
            <td>新年行情速遞雙敏板卡低價推薦終於等到了__|钢铁机器人,映泰6600GT一降降一百羅技G15遊戲鍵盤熱力促銷_|-魔爪铃声网,代購價僅529元</ td> 
          <tr> 
        </ table> </ td> 
      <td width =“25%”> 
        <table border = 0 class =“dragTable”cellspacing =“0”> 
          <tr> 
            <td>網易商業</ td> 
          </ tr> 
          <tr> 
            <td>上海GDP增幅去年出現回落應對反傾銷中國鞋企聯手對抗歐盟尹家緒操盤南方汽車長安謀求曲線整體境外上市</ td> 
          <tr> 
        </ table> <table border = 0 class =“dragTable“cellspacing =”0“> 
          <tr> 
            <td>黑可天下</ td> 
          </ tr> 
          <tr>
            <td>上海GDP增幅去年出現回落應對反傾銷中國鞋企聯手對抗歐盟尹家緒操盤南方汽車長安謀求曲線整體境外上市</ td> 
          <tr> 
        </ table> 
      </ td> 
    </ tr> 
    </ table > 
    <input type =“button”value =“SHOW”onClick =“_ show(document.documentElement.innerHTML)”/>


        或許今天的任務比較重要--|易彩快三,但是經過我們那麼長時間的學習--花城广场停车,我們已經到達今天這個程度已經很不錯了||_英特尔e5300,今天學的主要內容是JS特效代碼的欄目專欄組裏麵的分支關於如何利用AJAX拖動DIV塊表格圖層|-_优酷加速器下载。

    • 專題推薦

    次元立方 - 廣告服務 - 隱私聲明 - 版權申明 - 免責條款 - 網站地圖 - 網友投稿 - 聯係方式
    本站內容來自於互聯網,僅供用於網絡技術學習,學習中請遵循相關法律法規
    大象彩票聚鑫彩票pc蛋蛋万喜彩票如意彩票捷豹彩票

    免责声明: 本站资料及图片来源互联网文章,本网不承担任何由内容信息所引起的争议和法律责任。所有作品版权归原创作者所有,与本站立场无关,如用户分享不慎侵犯了您的权益,请联系我们告知,我们将做删除处理!