posts - 165, comments - 198, trackbacks - 0, articles - 1
            BlogJava :: 首頁 :: 新隨筆 :: 聯(lián)系 :: 聚合  :: 管理

          開發(fā) javascript div 擴展使用

          Posted on 2008-04-23 17:41 G_G 閱讀(1640) 評論(1)  編輯  收藏 所屬分類: javascript
          此代碼可以直接使用


          <body>
          ?
          <a?id='pi'?href=""?value="text">?text?</a>
          ?
          <div?id='div1'/>
          </body>
          <script?type="text/javascript">?

          function?showByEvent(ev,divId){
          ????????
          //取得各瀏覽器?event?
          ????????ev?=?ev?||?window.event;
          ????????
          //div
          ????????var?useDiv??=?document.getElementById(divId);
          ????????useDiv.style.position
          ="absolute";
          ????????????
          if(?useDiv.style.left==""?)useDiv.style.left?=?"50";
          ????????????
          if(?useDiv.style.top==""?)useDiv.style.top?=?"10";
          ????????????
          if(?useDiv.style.zIndex==""?)useDiv.style.zIndex?=?"1000";
          ????????????
          if(?useDiv.style.padding==""?)useDiv.style.padding?=?"0px";
          ????????????
          if(?useDiv.style.backgroundColor==""?)useDiv.style.backgroundColor?=?"#FFFFCC";
          ????????????
          if(?useDiv.style.color==""?)useDiv.style.color?=?"#201000";
          ????????????
          if(?useDiv.style.fontSize==""?)useDiv.style.fontSize?=?"12px";
          ????????????
          if(?useDiv.style.border==""?)useDiv.style.border?="1px???solid???#284860";
          ????????
          ????????
          //得到處發(fā)事件的源element
          ??????var?actionBean?=??null?;
          ????????
          if(??ev.srcElement?){
          ????????????actionBean?
          =?ev.srcElement?
          ????????}
          else{
          ????????????actionBean?
          =?ev.target;
          ????????}
          ????????
          ????????
          //處發(fā)事件?
          ????????useDiv.onmousemove?=?function(){
          ????????????????useDiv.style.visibility??
          =?"";
          ????????}
          ????????useDiv.onmouseout?
          =?function(){
          ????????????????useDiv.style.visibility??
          =?"hidden";
          ????????????
          ????????}
          ????????actionBean.onmouseout?
          =??function?mouseOut(ev){
          ????????????????useDiv.style.visibility??
          =?"hidden";
          ????????}
          ????????
          ????????
          //div?定位
          ????????useDiv.style.left?=?actionBean.offsetTop+15?;
          ????useDiv.style.top?
          =?actionBean.offsetLeft+15;
          ????
          ????????
          //返回類型為?div?顯示的?x?,?y?和?target?處發(fā)源項?和?div
          ????????return?{
          ????????????y:??actionBean.offsetTop
          +15??,
          ????????????x:??actionBean.offsetLeft
          +15?,
          ????????????target:actionBean,
          ????????????div:useDiv
          ????????}
          }



          //事件添加
          document.getElementById('pi').onmousemove?=?function(ev){
          ??????
          var?sbv?=?showByEvent(ev,"div1");
          ??????
          var?bean?=?sbv.target?;
          ????
          var?dd?=?sbv.div;
          ????dd.style.visibility??
          =?"";
          ????dd.innerHTML?
          =?"<a?href=http://www.baidu.com>刪除"+bean.value+"</a><br>"+
          ????????????????????????????????????
          "<a?href=http://www.google.com>詳細?by?Id?"+bean.id+"</a>";

          };

          </script>




          評論

          # re: 開發(fā) javascript div 擴展使用  回復  更多評論   

          2008-04-25 15:13 by 懶人
          好像是為了給層定位,處理它最基本的事件吧?
          主站蜘蛛池模板: 扶沟县| 平利县| 来宾市| 龙南县| 内黄县| 杭州市| 乌什县| 文成县| 观塘区| 遂溪县| 应用必备| 白河县| 台湾省| 海丰县| 红原县| 山阳县| 乾安县| 县级市| 嘉兴市| 大丰市| 宁波市| 溧水县| 克山县| 沧州市| 阜宁县| 邮箱| 阿合奇县| 秭归县| 顺平县| 香格里拉县| 黑水县| 民县| 尉氏县| 溧水县| 井研县| 仙游县| 达尔| 南和县| 襄城县| 华容县| 山东|