编程 Javascript

Tips 带三角可关闭的文字提示

Posted in Javascript onOctober 06, 2010

<title>Tips，带三角可关闭的文字提示</title>
<style type="text/css"> body{ font-size:12px;} .lj-tipsWrap,.lj-in,.lj-close{display:inline-block;} .lj-tipsWrap{background:#F4FBFF;line-height:1.5em;padding:5px 15px;border:1px solid #2192D3;position:absolute;text-align:left;} .lj-in{position:absolute;zoom:1;border:10px dashed transparent;width:0px;height:0px;} .lj-in span{zoom:1;width:0px;height:0px;overflow:hidden;} .lj-close{position:absolute; text-decoration:none;color:#000;font-size:14px; height:9px; width:9px; overflow:hidden;line-height:0.5em; right:0; top:0;} .lj-close:hover{color:#39F;} .lj-top{border-top:10px solid #2192D3;bottom:-20px; left:3px;} .lj-top span{border-top:10px solid #F4FBFF;margin:-11px 0 0 -10px;} .lj-right{border-right:10px solid #2192D3;left:-20px; top:3px;} .lj-right span{border-right:10px solid #F4FBFF;margin:-10px 0 0 -9px;} .lj-bottom{border-bottom:10px solid #2192D3;top:-20px; left:3px;} .lj-bottom span{border-bottom:10px solid #F4FBFF;margin:-9px 0 0 -10px;} .lj-left{border-left:10px solid #2192D3;right:-20px; top:3px; } .lj-left span{border-left:10px solid #F4FBFF;margin:-10px 0 0 -11px;} .lj-left ~ .lj-close{left:0;} /*css 3 渐进增强*/ .lj-tipsWrap{-webkit-border-radius:3px;-moz-border-radius:3px;-webkit-box-shadow:2px 2px 3px #eee;-moz-box-shadow:2px 2px 3px #eee;} </style>

Tips 带三角可关闭的文字提示

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

jQuery 扩展对input的一些操作方法

Oct 30 Javascript

JS实现距离上次刷新已过多少秒示例

May 23 Javascript

JQuery的ON()方法支持的所有事件罗列

Feb 28 Javascript

JavaScript中匿名函数用法实例

Mar 23 Javascript

基于Flowplayer打造一款免费的WEB视频播放器附源码

Sep 06 Javascript

Jquery操作cookie记住用户名

Mar 29 Javascript

JavaScript 数组some()和filter()的用法及区别

May 20 Javascript

bootstrap配合Masonry插件实现瀑布式布局

Jan 18 Javascript

layui select动态添加option的实例

Mar 07 Javascript

详解iframe跨域的几种常用方法(小结)

Apr 29 Javascript

jQuery实现简单评论功能

Aug 19 jQuery

Vue2项目中对百度地图的封装使用详解

Jun 16 Vue.js

从零开始学习jQuery (二) 万能的选择器

Oct 01 #Javascript

fancybox1.3.1 基于Jquery的插件在IE中图片显示问题

Oct 01 #Javascript

客户端使用XML DOM加载json数据的方法

Sep 28 #Javascript

jquery选择器(常用选择器说明)

Sep 28 #Javascript

Jquey拖拽控件Draggable使用方法(asp.net环境)

Sep 28 #Javascript

基于Jquery的仿Windows Aero弹出窗(漂亮的关闭按钮)

Sep 28 #Javascript

jquery控制listbox中项的移动并排序的实现代码

Sep 28 #Javascript

You might like

php模拟socket一次连接,多次发送数据的实现代码

2011/07/26 PHP

PHP设计模式之适配器模式代码实例

2015/05/11 PHP

js 去除字符串第一位逗号的方法

2014/06/07 Javascript

基于NodeJS的前后端分离的思考与实践（四）安全问题解决方案

2014/09/26 NodeJs

NodeJS中Buffer模块详解

2015/01/07 NodeJs

jQuery插件Tmpl的简单使用方法

2015/04/27 Javascript

浅谈jquery.fn.extend与jquery.extend区别

2015/07/13 Javascript

js实现将选中值累加到文本框的方法

2015/08/12 Javascript

js实现input密码框提示信息的方法(附html5实现方法)

2016/01/14 Javascript

javascript 中设置window.location.href跳转无效问题解决办法

2017/02/09 Javascript

超全面的javascript中变量命名规则

2017/02/09 Javascript

JavaScript中的FileReader图片预览上传功能实现代码

2017/07/24 Javascript

vue项目中全局引入1个.scss文件的问题解决

2019/08/01 Javascript

python-opencv在有噪音的情况下提取图像的轮廓实例

2017/08/30 Python

Python中GIL的使用详解

2018/10/03 Python

python2与python3中关于对NaN类型数据的判断和转换方法

2018/10/30 Python

python scipy求解非线性方程的方法(fsolve/root)

2018/11/12 Python

Python3转换html到pdf的不同解决方案

2019/03/11 Python

Python实现的排列组合、破解密码算法示例

2019/04/12 Python

Python实现12306火车票抢票系统

2019/07/04 Python

DJango的创建和使用详解(默认数据库sqlite3)

2019/11/18 Python

PyCharm下载和安装详细步骤

2019/12/17 Python

python+opencv3生成一个自定义纯色图教程

2020/02/19 Python

Python脚本去除文件的只读性操作

2020/03/05 Python

python,Java,JavaScript实现indexOf

2020/09/09 Python

python 输入字符串生成所有有效的IP地址(LeetCode 93号题)

2020/10/15 Python

Css3+Js制作漂亮时钟(附源码)

2013/04/24 HTML / CSS

Chain Reaction Cycles俄罗斯：世界上最大的在线自行车商店

2019/08/27 全球购物

NYX Professional Makeup官方网站：专业彩妆和美容产品

2019/10/29 全球购物

端午节活动总结

2014/08/26 职场文书

小学运动会开幕词

2015/01/28 职场文书

2015学生会文艺部工作总结

2015/04/03 职场文书

酒店圣诞节活动总结

2015/05/06 职场文书

民事申诉状范本

2015/05/20 职场文书

汉语拼音教学反思

2016/02/22 职场文书

超级实用！五步法则，教你写好年终工作总结

2019/12/05 职场文书