V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
推荐关注
Meteor
JSLint - a JavaScript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
JavaScript 权威指南第 5 版
Closure: The Definitive Guide
zhiyul

一个纯 js 实现的自适应位置 tootip

  •  
  •   zhiyul · Oct 10, 2015 · 3696 views
    This topic created in 3853 days ago, the information mentioned may be changed or developed.

    原生 js ,不依赖任何库
    兼容 IE6+
    自适应位置,保持 tip 窗口始终全部显示在当前页面视口
    支持 hover , click 两种触发模式,可统一设置也可单独设置
    自定义 tips 窗口尺寸,样式,与目标元素的距离等
    提示框默认出现顺序优先级:右上 -> 左上 -> 右下 -> 左下

    demo: http://weatherstar.me/jPopuptip/
    github: https://github.com/zhiyul/jPopuptip

    8 replies    2015-10-12 17:23:33 +08:00
    zhiyul
        1
    zhiyul  
    OP
       Oct 10, 2015
    名字什么的没起好 - -
    XianZaiZhuCe
        2
    XianZaiZhuCe  
       Oct 10, 2015
    『你可以滑动滚动条,查看弹出框的变化。』 变化在哪儿?
    mzsongyan
        3
    mzsongyan  
       Oct 10, 2015
    @XianZaiZhuCe 他说的变化可能是弹出会跟随移动
    jprovim
        4
    jprovim  
       Oct 11, 2015
    支持!
    zhiyul
        5
    zhiyul  
    OP
       Oct 12, 2015
    @XianZaiZhuCe 弹出框的位置变化
    zhiyul
        6
    zhiyul  
    OP
       Oct 12, 2015
    @jprovim 谢谢
    XianZaiZhuCe
        7
    XianZaiZhuCe  
       Oct 12, 2015 via Android
    @zhiyul 没有变化。。。
    zhiyul
        8
    zhiyul  
    OP
       Oct 12, 2015
    @XianZaiZhuCe 保持 tip 窗口始终全部显示在当前页面视口 你可以缩小窗口 看看边缘位置的 tooltip 的位置变化
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   1410 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 35ms · UTC 23:57 · PVG 07:57 · LAX 16:57 · JFK 19:57
    ♥ Do have faith in what you're doing.