编程 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自动切换tabs选项卡的具体实现

Dec 24 Javascript

获取鼠标在div中的相对位置的实现代码

Dec 30 Javascript

用js控制组织结构图可以任意拖拽到指定位置

Jan 17 Javascript

Underscore源码分析

Dec 30 Javascript

JavaScript中的各种操作符使用总结

May 26 Javascript

jQuery实现6位数字密码输入框

Dec 29 Javascript

Angular企业级开发——MVC之控制器详解

Feb 20 Javascript

AngularJS实现根据不同条件显示不同控件

Apr 20 Javascript

JavaScript引用类型RegExp基本用法详解

Aug 09 Javascript

详解element-ui中el-select的默认选择项问题

Aug 02 Javascript

公众号SVG动画交互实战代码

May 31 Javascript

element-ui tree结构实现增删改自定义功能代码

Aug 31 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

DISCUZ 论坛管理员密码忘记的解决方法

2009/05/14 PHP

第七章 php自定义函数实现代码

2011/12/30 PHP

浅析php工厂模式

2014/11/25 PHP

详解PHP中的PDO类

2015/07/06 PHP

测试JavaScript字符串处理性能的代码

2009/12/07 Javascript

JS获取单击按钮单元格所在行的信息

2014/06/17 Javascript

jquery实现Ctrl+Enter提交表单的方法

2015/07/21 Javascript

通过XMLHttpRequest和jQuery实现ajax的几种方式

2015/08/28 Javascript

谈谈JavaScript自定义回调函数

2015/10/18 Javascript

jQuery+CSS3实现3D立方体旋转效果

2015/11/10 Javascript

使用postMesssage()实现iframe跨域页面间的信息传递

2016/03/29 Javascript

js验证框架实现代码分享

2016/05/18 Javascript

js实现非常棒的弹出div

2016/10/06 Javascript

探索Javascript中this的奥秘

2016/12/11 Javascript

微信小程序传值取值的几种方法总结

2017/01/16 Javascript

浅谈vue中慎用style的scoped属性

2017/11/28 Javascript

Vuex提升学习篇

2018/01/11 Javascript

vue中设置height:100%无效的问题及解决方法

2018/07/27 Javascript

使用vue2.0创建的项目的步骤方法

2018/09/25 Javascript

JavaScript学习笔记之DOM操作实例分析

2019/01/08 Javascript

[28:07]完美世界DOTA2联赛PWL S3 Phoenix vs INK ICE 第二场 12.13

2020/12/17 DOTA

[51:39]DOTA2-DPC中国联赛正赛 Magma vs LBZS BO3 第二场 2月7日

2021/03/11 DOTA

浅谈利用numpy对矩阵进行归一化处理的方法

2018/07/11 Python

在python中利用GDAL对tif文件进行读写的方法

2018/11/29 Python

python接口自动化（十六）--参数关联接口后传（详解）

2019/04/16 Python

Python实现最大子序和的方法示例

2019/07/05 Python

python openCV自制绘画板

2020/10/27 Python

H5 video poster属性设置视频封面的方法

2020/05/25 HTML / CSS

HTML5 drag和drop具体使用详解

2021/01/18 HTML / CSS

法国床上用品商店：La Compagnie du lit

2019/12/26 全球购物

教师专业自荐信

2014/05/31 职场文书

2014年党员自我评价材料

2014/09/22 职场文书

邀请函怎么写

2015/01/30 职场文书

党员廉洁自律个人总结

2015/02/13 职场文书

浅谈resultMap的用法及关联结果集映射

2021/06/30 Java/Android

基于Python实现nc批量转tif格式

2022/08/14 Python