首页   注册   登录
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
推荐关注
Meteor
JSLint - a JavaScript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
JavaScript 权威指南第 5 版
Closure: The Definitive Guide
zhiyul
V2EX  ›  JavaScript

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

  •  
  •   zhiyul · 2015-10-10 18:06:09 +08:00 · 2293 次点击
    这是一个创建于 1571 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

    8 回复  |  直到 2015-10-12 17:23:33 +08:00
    zhiyul
        1
    zhiyul   2015-10-10 18:09:41 +08:00
    名字什么的没起好 - -
    XianZaiZhuCe
        2
    XianZaiZhuCe   2015-10-10 20:54:22 +08:00
    『你可以滑动滚动条,查看弹出框的变化。』 变化在哪儿?
    mzsongyan
        3
    mzsongyan   2015-10-10 22:34:00 +08:00
    @XianZaiZhuCe 他说的变化可能是弹出会跟随移动
    jprovim
        4
    jprovim   2015-10-11 09:14:29 +08:00
    支持!
    zhiyul
        5
    zhiyul   2015-10-12 13:09:47 +08:00
    @XianZaiZhuCe 弹出框的位置变化
    zhiyul
        6
    zhiyul   2015-10-12 13:10:02 +08:00
    @jprovim 谢谢
    XianZaiZhuCe
        7
    XianZaiZhuCe   2015-10-12 13:45:55 +08:00 via Android
    @zhiyul 没有变化。。。
    zhiyul
        8
    zhiyul   2015-10-12 17:23:33 +08:00
    @XianZaiZhuCe 保持 tip 窗口始终全部显示在当前页面视口 你可以缩小窗口 看看边缘位置的 tooltip 的位置变化
    关于   ·   FAQ   ·   API   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   2164 人在线   最高记录 5168   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.3 · 22ms · UTC 10:23 · PVG 18:23 · LAX 02:23 · JFK 05:23
    ♥ Do have faith in what you're doing.