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

jQuery1.6 正式版发布并提供下载

May 05 Javascript

Javascript计算时间差的函数分享

Jul 04 Javascript

jquery和ajax的关系详细介绍

Nov 29 Javascript

浅谈javascript的调试

Jan 28 Javascript

jquery+CSS实现的多级竖向展开树形TRee菜单效果

Aug 24 Javascript

基于JS实现Android,iOS一个手势动画效果

Apr 27 Javascript

基于Bootstrap实现图片轮播效果

May 22 Javascript

jQuery实现div横向拖拽排序的简单实例

Jul 13 Javascript

JS中用try catch对代码运行的性能影响分析

Dec 26 Javascript

微信小程序使用map组件实现路线规划功能示例

Jan 22 Javascript

Angular使用ControlValueAccessor创建自定义表单控件

Mar 08 Javascript

详解基于element的区间选择组件校验(交易金额)

Jan 07 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下网站防IP攻击代码，超级实用

2010/10/24 PHP

PHP实现下载断点续传的方法

2014/11/12 PHP

php通过curl模拟登陆DZ论坛

2015/05/11 PHP

php版微信公众平台之微信网页登陆授权示例

2016/09/23 PHP

php curl常用的5个经典例子

2017/01/20 PHP

用js来解决ajax读取页面乱码

2010/11/28 Javascript

form表单中去掉默认的enter键提交并绑定js方法实现代码

2013/04/01 Javascript

JS中的form.submit()不能提交表单的错误原因

2014/10/08 Javascript

JavaScript阻止浏览器返回按钮的方法

2015/03/18 Javascript

基于socket.io+express实现多房间聊天

2016/03/17 Javascript

JavaScript自学笔记(必看篇)

2016/06/23 Javascript

浅谈javascript运算符——条件,逗号,赋值,()和void运算符

2016/07/15 Javascript

详解nodejs 文本操作模块-fs模块（五）

2016/12/23 NodeJs

javascript操作cookie

2017/01/17 Javascript

微信小程序实现倒计时60s获取验证码

2020/04/17 Javascript

Vue项目中ESlint规范示例代码

2019/07/04 Javascript

关于JavaScript数组去重的一些理解汇总

2020/09/10 Javascript

Python饼状图的绘制实例

2019/01/15 Python

Django利用cookie保存用户登录信息的简单实现方法

2019/05/27 Python

Python 3.6 -win64环境安装PIL模块的教程

2019/06/20 Python

Python3读写Excel文件(使用xlrd,xlsxwriter,openpyxl3种方式读写实例与优劣)

2020/02/13 Python

python实现秒杀商品的微信自动提醒功能(代码详解)

2020/04/27 Python

解决python cv2.imread 读取中文路径的图片返回为None的问题

2020/06/02 Python

使用Python FastAPI构建Web服务的实现

2020/06/08 Python

灵活运用CSS3特性绘制简易版围棋效果

2016/09/28 HTML / CSS

佐卡伊官网：中国知名珠宝品牌

2017/02/05 全球购物

线程同步的方法

2016/11/23 面试题

财务主管自我鉴定

2014/01/17 职场文书

烹调加工管理制度

2014/02/04 职场文书

中药学自荐信

2014/06/15 职场文书

2014个人反腐倡廉思想汇报

2014/09/15 职场文书

行政人事专员岗位职责

2015/04/07 职场文书

法律意见书范本

2015/06/04 职场文书

go开发alertmanger实现钉钉报警

2021/07/16 Golang

Java日常练习题,每天进步一点点(38)

2021/07/26 Java/Android

浅谈css实现背景颜色半透明的两种方法

2021/12/06 HTML / CSS