1. 论坛系统升级为Xenforo,欢迎大家测试!
    排除公告

连接鼠标经过显示详细信息浮动层代码

本帖由 yn123bfyc2011-02-13 发布。版面名称:SEO 专区

  1. yn123bfyc

    yn123bfyc New Member

    注册:
    2011-02-13
    帖子:
    1
    赞:
    0
    连接鼠标经过显示详细信息浮动层代码

    <script type="text/javascript">
    function showDiv(e,s,u)
    {
    var o = document.getElementById(e);
    //var st = document.getElementById(u);
    //var p = document.getElementById(s);
    //o.style.left = e.clientX;//这种赋值方法,IE下可以,在firefox下不起作用
    //o.style.top = e.clientY;
    o.style.left = s.clientX;
    o.style.top = s.clientY;
    o.style.display="block";
    o.innerHTML="<img src=\"htt p://ww w.kmzp.com/images/aaa.g if"+ u +"\">"
    }
    function hidDiv(e)
    {
    var o = document.getElementById(e);

    o.style.display="none";
    }

    </script>

    <div style="width: 168px; height: 24px; background-color: #ffff66;"

    onMouseOver="showDiv('hidDiv',event,'/com/images/reg02.gif')"onMouseOut="hidDiv

    ('hidDiv')">
    </div>

    <div style="width: 168px; height: 24px; background-color: #ffff66;"

    onMouseOver="showDiv('hidDiv',event,'/com/images/reg03.gif')"onMouseOut="hidDiv

    ('hidDiv')">
    </div>

    <div id="hidDiv" style="width: 238px; position: absolute; display: none; height:

    120px;left: 228px; top: 22px; background-color: #ffcc33;">
    </div>
     
  2. yangshuanghao23

    yangshuanghao23 New Member

    注册:
    2011-01-28
    帖子:
    87
    赞:
    0
    onMouseOver="showDiv('hidDiv',event,'/com/images/reg02.gif')"onMouseOut="hidDiv
     
  3. rqblmy

    rqblmy New Member

    注册:
    2010-10-02
    帖子:
    502
    赞:
    0
    谢谢分享。
     
  4. biaopai888

    biaopai888 New Member

    注册:
    2011-02-13
    帖子:
    119
    赞:
    0
    进来学习的。
     
  5. 117487626

    117487626 www.425.com

    注册:
    2010-10-02
    帖子:
    167
    赞:
    0
    有才,谢谢分享
     
  6. yucedashi

    yucedashi www.yuceshi.com

    注册:
    2011-01-17
    帖子:
    205
    赞:
    0
    拜读,谢谢!