编程 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 面向对象（二）封装代码

May 23 Javascript

jQuery操作select的实例代码

Jun 14 Javascript

jquery 触发a链接点击事件解决方案

May 02 Javascript

js截取小数点后几位的写法

Nov 14 Javascript

javascript操作html控件实例(javascript添加html)

Dec 02 Javascript

ExtJS4给Combobox设置列表中的默认值示例

May 02 Javascript

Javascript中拼接大量字符串的方法

Feb 05 Javascript

jquery中EasyUI实现异步树

Mar 01 Javascript

javascript实现移动端上的触屏拖拽功能

Mar 04 Javascript

javascript HTML5 canvas实现打砖块游戏

Jun 18 Javascript

JavaScript实现Base64编码转换

Apr 23 Javascript

微信小程序promsie.all和promise顺序执行

Oct 27 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发电子邮件

2006/10/09 PHP

检查php文件中是否含有bom的函数

2012/05/31 PHP

smarty中post用法实例

2014/11/28 PHP

服务器迁移php版本不同可能诱发的问题

2015/12/22 PHP

PHP实现带进度条的Ajax文件上传功能示例

2019/07/02 PHP

因str_replace导致的注入问题总结

2019/08/08 PHP

Javascript里使用Dom操作Xml

2006/09/20 Javascript

基于JQuery的访问WebService的代码（可访问Java[Xfire]）

2010/11/19 Javascript

jquery trim() 功能源代码

2011/02/14 Javascript

jQuery+ajax实现鼠标单击修改内容的思路

2014/06/29 Javascript

input输入框鼠标焦点提示信息

2015/03/17 Javascript

第九章之路径分页标签与徽章组件

2016/04/25 Javascript

Angularjs过滤器实现动态搜索与排序功能示例

2017/12/13 Javascript

解决nodejs的npm命令无反应的问题

2018/05/17 NodeJs

解决vue router组件状态刷新消失的问题

2018/08/01 Javascript

详解如何提升JSON.stringify()的性能

2019/06/12 Javascript

vue给对象动态添加属性和值的实例

2019/09/09 Javascript

pymongo实现多结果进行多列排序的方法

2015/05/16 Python

Python 含参构造函数实例详解

2017/05/25 Python

深入理解Django中内置的用户认证

2017/10/06 Python

Python实现将一个正整数分解质因数的方法分析

2017/12/14 Python

Python3实现的爬虫爬取数据并存入mysql数据库操作示例

2018/06/06 Python

python3.6+django2.0+mysql搭建网站过程详解

2019/07/24 Python

python 在右键菜单中加入复制目标文件的有效存放路径(单斜杠或者双反斜杠)

2020/04/08 Python

Python转换字典成为对象,可以用"."方式访问对象属性实例

2020/05/11 Python

基于python实现模拟数据结构模型

2020/06/12 Python

英国高街品牌：Miss Selfridge（塞尔弗里奇小姐）

2016/09/21 全球购物

Ellesse英国官网：意大利高级运动品牌

2019/07/23 全球购物

eBay意大利购物网站：eBay.it

2019/09/04 全球购物

打架检讨书500字

2014/01/29 职场文书

基层党员对照检查材料

2014/09/24 职场文书

邀请书格式范文

2015/02/02 职场文书

故意杀人案辩护词

2015/05/21 职场文书

golang通过递归遍历生成树状结构的操作

2021/04/28 Golang

OpenCV实现普通阈值

2021/11/17 Java/Android

SpringBoot Http远程调用的方法

2022/08/14 Java/Android