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

Add a Formatted Table to a Word Document

Jun 15 Javascript

IE不出现Flash激活框的小发现的js实现方法

Sep 07 Javascript

escape、encodeURI 和 encodeURIComponent 的区别

Mar 02 Javascript

Jquery加载时从后台读取数据绑定到dropdownList实例

Jun 09 Javascript

提高JavaScript执行效率的23个实用技巧

Mar 01 Javascript

ES6新特性八：async函数用法实例详解

Apr 21 Javascript

Vue.js实现一个todo-list的上移下移删除功能

Jun 26 Javascript

javascript帧动画(实例讲解)

Sep 02 Javascript

JavaScript调用模式与this关键字绑定的关系

Apr 21 Javascript

vue路由导航守卫和请求拦截以及基于node的token认证的方法

Apr 07 Javascript

小程序云开发获取不到数据库记录的解决方法

May 18 Javascript

关于vue 结合原生js 解决echarts resize问题

Jul 26 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 下载文件时自动添加bom头的方法实例

2014/01/10 PHP

JS类的封装及实现代码

2009/12/02 Javascript

基于jquery的finkyUI插件与Ajax实现页面数据加载功能

2010/12/03 Javascript

js选取多个或单个元素的实现代码（用class）

2012/08/22 Javascript

js showModalDialog弹出窗口实例详解

2014/01/07 Javascript

JS修改iframe页面背景颜色的方法

2015/04/01 Javascript

jQuery插件boxScroll实现图片轮播特效

2015/07/14 Javascript

js HTML5多媒体影音播放

2016/10/17 Javascript

关于前后端json数据的发送与接收详解

2017/07/30 Javascript

快速理解 JavaScript 中的 LHS 和 RHS 查询的用法

2017/08/24 Javascript

React Native 自定义下拉刷新上拉加载的列表的示例

2018/03/01 Javascript

vue项目中实现图片预览的公用组件功能

2018/10/26 Javascript

「中高级前端面试」JavaScript手写代码无敌秘籍（推荐）

2019/04/08 Javascript

[05:24]TI9采访——教练

2019/08/24 DOTA

python多进程和多线程究竟谁更快(详解)

2017/05/29 Python

使用Python实现博客上进行自动翻页

2017/08/23 Python

Python实现的视频播放器功能完整示例

2018/02/01 Python

Python通过属性手段实现只允许调用一次的示例讲解

2018/04/21 Python

Tensorflow分类器项目自定义数据读入的实现

2019/02/05 Python

对Django中内置的User模型实例详解

2019/08/16 Python

python3文件复制、延迟文件复制任务的实现方法

2019/09/02 Python

python如何求100以内的素数

2020/05/27 Python

意大利比基尼品牌：MISS BIKINI

2019/11/02 全球购物

金讯Java笔试题目

2013/06/18 面试题

c/c++某大公司的两道笔试题

2014/02/02 面试题

大学毕业生简单自荐信

2013/11/05 职场文书

公务员转正鉴定材料

2014/02/11 职场文书

2014两会优秀的心得体会范文

2014/03/17 职场文书

应聘护士求职信

2014/07/21 职场文书

教代会开幕词

2015/01/28 职场文书

无罪辩护词范文

2015/05/21 职场文书

体育部部长竞选稿

2015/11/21 职场文书

班组长如何制订适合本班组的工作计划？

2019/07/10 职场文书

详解TypeScript中的类型保护

2021/04/29 Javascript

MySQL中的布尔值,怎么存储false或true

2021/06/04 MySQL

「租借女友」第2季樱泽墨角色PV&新视觉图公开

2022/03/21 日漫