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

基于pthread_create,readlink,getpid等函数的学习与总结

Jul 17 Javascript

js如何获取object类型里的键值

Feb 18 Javascript

javascript获取和判断浏览器窗口、屏幕、网页的高度、宽度等

May 08 Javascript

JavaScript数值数组排序示例分享

May 27 Javascript

JavaScript中判断原生函数检查function是否是原生代码

Sep 09 Javascript

IE和Firefox之间在JavaScript语法上的差异

Apr 22 Javascript

使用jQuery Rotare实现微信大转盘抽奖功能

Jun 20 Javascript

jQuery实现简单弹窗遮罩效果

Feb 27 Javascript

Bootstrap 模态框自定义点击和关闭事件详解

Aug 10 Javascript

js异步上传多张图片插件的使用方法

Oct 22 Javascript

vue组件tabbar使用方法详解

Nov 06 Javascript

如何优雅地在Node应用中进行错误异常处理

Nov 25 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

一个程序下载的管理程序(二)

2006/10/09 PHP

PHP警告Cannot use a scalar value as an array的解决方法

2012/01/11 PHP

PHP分享图片的生成方法

2018/04/25 PHP

PHP+redis实现的悲观锁机制示例

2018/06/12 PHP

js 颜色选择器（兼容firefox）

2009/03/05 Javascript

三种检测iPhone/iPad设备方向的方法

2014/04/23 Javascript

javascript实现获取服务器时间

2015/05/19 Javascript

使用JQuery实现Ctrl+Enter提交表单的方法

2015/10/22 Javascript

JS获取数组最大值、最小值及长度的方法

2015/11/24 Javascript

AngularJS中的Promise详细介绍及实例代码

2016/12/13 Javascript

BackBone及其实例探究_动力节点Java学院整理

2017/07/14 Javascript

js实现随机点名系统(实例讲解)

2017/10/18 Javascript

基于Require.js使用方法(总结)

2017/10/26 Javascript

layui 阻止图片上传的实例(before方法)

2019/09/26 Javascript

在Koa.js中实现文件上传的接口功能

2019/10/08 Javascript

vue v-for直接循环数字实例

2019/11/07 Javascript

解决vue 使用axios.all()方法发起多个请求控制台报错的问题

2020/11/09 Javascript

[02:33]2014DOTA2 TI每日综述 LGD涉险晋级DK闯入胜者组

2014/07/14 DOTA

python分析nignx访问日志脚本分享

2015/02/26 Python

Python的Bottle框架中返回静态文件和JSON对象的方法

2015/04/30 Python

Python正则表达式使用范例分享

2016/12/04 Python

python+matplotlib实现动态绘制图片实例代码（交互式绘图）

2018/01/20 Python

Python获取CPU、内存使用率以及网络使用状态代码

2018/02/08 Python

解决安装pycharm后不能执行python脚本的问题

2019/01/19 Python

PyCharm中代码字体大小调整方法

2019/07/29 Python

使用CSS3来制作消息提醒框

2015/07/12 HTML / CSS

使用canvas压缩图片大小的方法示例

2019/08/02 HTML / CSS

Gerry Weber德国官网：优质女性时装，德国最大的时装公司之一

2019/11/02 全球购物

奖学金自我鉴定范文

2013/10/03 职场文书

黄河象教学反思

2014/02/10 职场文书

厨师长岗位职责

2014/03/02 职场文书

生产车间标语

2014/06/11 职场文书

中学综治宣传月活动总结

2015/05/07 职场文书

教师节班会主持词

2015/07/06 职场文书

浅谈 JavaScript 沙箱Sandbox

2021/11/02 Javascript

MySQL示例讲解数据库约束以及表的设计

2022/06/16 MySQL