京东自营 618 + 国补 iPhone 历史最低价

javascript实现的网页TIPS无图片插件(3K)

原创网页TIPS无图片插件!3K完美搞定!
优点
1:兼容 各种浏览器
2:自己定义TIPS样式(颜色),CSS3渐进增强
3:多方向弹出提示
4:纯CSS+javascript(不包含任何图片)
5:体积超级小 CSS+js = 3k
参数配置
ljtips(object).show(JSON)
object: DOM对象ID(test1), DOM对象
json:{
content:提示的消息内容(必须),
p:提示框位置(可选值top left bottom right),默认为right(可选),
closeBtn:是否有关闭按钮(true false) 默认值(false)(可选),
time:多少毫秒提示框消失(可选)
}
使用说明
主要方法 .show(); .hide();.clear(); 一般你只需要使用show,hide;
使用1
首先实例化一个ljtips(var tips=ljtips('test1')); 然后使用tips.show(JSON)
使用2
在行内调用提示框“<div onclick=" ljtips(this).show(JSON); "></div>”
使用3
在JS里调用document.getElementById("test6").onmouseover = function(){ljtips(this).show({content:"这个框你关不掉了吧!没有关闭按钮!",p:'right'})};

下载方法:
1、请用微信扫描下方二维码关注时代Java公众号,或者微信搜索时代JavaNowJava关注。
    (如已经关注,请直接发送编号)
2、在时代Java公众号里发送编号:5362
5362
3、发送后,将立刻收到 “验证码已经接收成功” 的回复,即可选择线路下载:
通用网络下载移动网络下载电信网络下载

本文系作者在时代Java发表,未经许可,不得转载。

如有侵权,请联系nowjava@qq.com删除。

编辑于

关注时代Java

关注时代Java