编程 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 相关文章推荐

从JavaScript 到 JQuery (1)学习小结

Feb 12 Javascript

jQuery EasyUI NumberBox(数字框)的用法

Jul 08 Javascript

$("").click与onclick的区别示例介绍

Sep 25 Javascript

jQuery实现的多屏图像图层切换效果实例

May 07 Javascript

JavaScript运算符小结

Jun 03 Javascript

Bootstrap树形组件jqTree的简单封装

Jan 25 Javascript

JS判断元素是否在数组内的实现代码

Mar 30 Javascript

JS公共小方法之判断对象是否为domElement的实例

Nov 25 Javascript

用jquery的attr方法实现图片切换效果

Feb 05 Javascript

jQuery插件FusionCharts绘制的3D饼状图效果实例【附demo源码下载】

Mar 03 Javascript

详解bootstrap用dropdown-menu实现上下文菜单

Sep 22 Javascript

angular4笔记系列之内置指令小结

Nov 09 Javascript

从零开始学习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计算两个路径的相对路径

2013/06/14 PHP

php图片缩放实现方法

2014/02/20 PHP

关于IE7 IE8弹出窗口顶上

2008/12/22 Javascript

JavaScript 获得选中文本内容的方法

2009/02/15 Javascript

$.getJSON在IE下失效的原因分析及解决方法

2013/06/16 Javascript

javascript中的变量作用域以及变量提升详细介绍

2013/10/24 Javascript

Javascript:为input设置readOnly属性(示例讲解)

2013/12/25 Javascript

JavaScript中的DSL元编程介绍

2015/03/15 Javascript

3种js实现string的substring方法

2015/11/09 Javascript

javascript的几种继承方法介绍

2016/03/22 Javascript

js编写的treeview使用方法

2016/11/11 Javascript

Node.js中process模块常用的属性和方法

2016/12/13 Javascript

学习使用jQuery表单验证插件和日历插件

2017/02/13 Javascript

javascript实现秒表计时器的制作方法

2017/02/16 Javascript

原生JS封装animate运动框架的实例

2017/10/12 Javascript

React Router V4使用指南(精讲)

2018/09/17 Javascript

基于js实现复制内容到操作系统粘贴板过程解析

2019/10/11 Javascript

jquery实现图片无缝滚动蒙版遮蔽效果

2020/01/11 jQuery

Vue实现点击导航栏当前标签后变色功能

2020/08/19 Javascript

OpenLayers3实现鼠标移动显示坐标

2020/09/25 Javascript

vue实现抽屉弹窗效果

2020/11/15 Javascript

利用JavaScript模拟京东按键输入功能

2020/12/01 Javascript

Python实现检测服务器是否可以ping通的2种方法

2015/01/01 Python

IntelliJ IDEA安装运行python插件方法

2018/12/10 Python

对python:print打印时加u的含义详解

2018/12/15 Python

利用pyuic5将ui文件转换为py文件的方法

2019/06/19 Python

tensorflow图像裁剪进行数据增强操作

2020/06/30 Python

美国球迷装备的第一来源：FOCO

2020/07/03 全球购物

上海方立数码笔试题

2013/10/18 面试题

专业毕业生个性的自我评价

2013/10/03 职场文书

临床护士自荐信

2014/01/31 职场文书

搞笑车尾标语

2014/06/23 职场文书

检察机关个人对照检查材料

2014/09/15 职场文书

试用期自我评价怎么写

2015/03/10 职场文书

Python使用random模块实现掷骰子游戏的示例代码

2021/04/29 Python

SpringBoot 集成短信和邮件以阿里云短信服务为例

2022/04/22 Java/Android