• 关注此站
  • 网站管理
    • 网站首页
    • 给我留言
    有关js弹出层位置随鼠标点击而改变的问题
    发布者:kos   发布日期:2009年11月25日 10:37 pm 现有1条评论

    大家都知道,当在桌面上点击鼠标右键的时候,会有一个弹出菜单跟随在鼠标点击的位置,当鼠标在屏幕的底部点击的时候,弹出菜单就会弹到点击位置上面的相应位置,当鼠标屏幕的右部点击的时候,弹出菜单就会弹到点击位置左部的相应位置。

    思路如下:
    弹出层的位置与点击位置和弹出层的宽度高度
    及body的宽度和高度有关。

    具体判断如下:

    如果hit_x + div_width > body_width 则弹出层的位置超出范围,则让弹出层显示在点击位置的左部,否则显示在右部;
    如果hit_y + div_height> body_height则弹出层的位置超出范围,则让弹出层显示在点击位置的上部,否则显示在下部。

    [……]

    来自分类: DIV+CSS, JavaScript, 网站设计   Tags: 层跟随, 弹出层定位, 弹出菜单, 桌面右键, 赋值
    • 站点日历

        2010-03月    
      一 二 三 四 五 六 日
      1234567
      891011121314
      15161718192021
      22232425262728
      293031  
    • 站内搜索

    • 分类导航

      • DIV+CSS (11)
      • Flash编程 (1)
      • JavaScript (23)
      • 网站设计 (15)
      • 网络杂坛 (2)
      • 网络资源 (2)
    • 博客标签

      下拉菜单(1) 优先级(1) 传值(3) 兼容(3) 子页面(2) 字符串(1) 导航(2) 手机号码(1) 拼接(1) 提示效果(1) 滚动(2) 滤镜(1) 电话号码(1) 空间站(1) 网页(1) 节点(1) 获取(1) 调试(1) 运行(1) 透明背景(1) 邮箱(1) 验证(1) clearTimeout(2) code调试(1) contentWindow(1) createRange(1) ExecWB(1) external(1) iframe(1) JavaScript(1) join()(2) js(1) MARQUEE(2) options(1) parentNode(1) png(1) refresh(1) scrollTop(1) selectedIndex(1) selection(1) setInterval(1) setTimeout(4) textarea(1) title(2) W3C标准(3)
    • 有情链接

      • 博客集中营
      • 寻常百姓(淘宝导购)
      • 寻常百姓·家
      • 手机菜鸟
      • 柳永法'Blog
      • 爱吾资源
    Powered by WordPress. Theme F2.© 2010 友意博客   E-mail:uideas@163.com   QQ:50853854