编程 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 CheckBox全选方法代码附js checkbox全选反选代码

Jun 09 Javascript

js控制页面控件隐藏显示的两种方法介绍

Oct 09 Javascript

jQuery学习笔记之jQuery.extend(),jQuery.fn.extend()分析

Jun 09 Javascript

详解maxlength属性在textarea里奇怪的表现

Dec 27 Javascript

APP中javascript+css3实现下拉刷新效果

Jan 27 Javascript

jquery对象与DOM对象转化

Feb 08 Javascript

AngularJS的脏检查深入分析

Apr 22 Javascript

Angular中的interceptors拦截器

Jun 25 Javascript

解决Vue 浏览器后退无法触发beforeRouteLeave的问题

Dec 24 Javascript

详解Vue 事件修饰符capture 的使用

Dec 29 Javascript

vue2.0+vue-dplayer实现hls播放的示例

Mar 02 Javascript

vue.js 添加 fastclick的支持方法

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

超人钢铁侠联手合作？美漫作家呼吁DC漫威合作联动以抵抗疫情

2020/04/09 欧美动漫

PHP图片上传代码

2013/11/04 PHP

php+mysql数据库查询实例

2015/01/21 PHP

PHP进程通信基础之信号量与共享内存通信

2017/02/19 PHP

[原创]PHP实现字节数Byte转换为KB、MB、GB、TB的方法

2017/08/31 PHP

从Ajax到JQuery Ajax学习

2007/02/14 Javascript

设置下载不需要倒计时cookie(倒计时代码)

2008/11/19 Javascript

jQuery 1.2.x 升? 1.3.x 注意事项

2009/05/06 Javascript

合并table相同单元格的jquery插件分享(很精简)

2011/06/20 Javascript

cookie在javascript中的使用技巧以及隐私在服务器端的设置

2012/12/03 Javascript

javascript的字符串按引用复制和传递,按值来比较介绍与应用

2012/12/28 Javascript

JQuery下拉框应用示例介绍

2014/04/23 Javascript

在JavaScript中构建ArrayList示例代码

2014/09/17 Javascript

js查看一个函数的执行时间实例代码

2015/09/12 Javascript

js实现字符全排列算法的简单方法

2017/05/01 Javascript

使用 Vue.js 仿百度搜索框的实例代码

2017/05/09 Javascript

Vue.js进行查询操作的实例详解

2017/08/25 Javascript

vue router 组件的高级应用实例代码

2019/04/08 Javascript

通过vue手动封装on、emit、off的代码详解

2019/05/29 Javascript

Openlayers显示地理位置坐标的方法

2020/09/28 Javascript

[05:00]TI9战队采访 - Royal Never Give Up

2019/08/20 DOTA

python根据list重命名文件夹里的所有文件实例

2018/10/25 Python

Python实现的IP端口扫描工具类示例

2019/02/15 Python

python快速编写单行注释多行注释的方法

2019/07/31 Python

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

2016/09/28 HTML / CSS

详解Canvas 跨域脱坑实践

2018/11/07 HTML / CSS

Glamest意大利：女性在线奢侈品零售店

2019/04/28 全球购物

英国美术用品购物网站：Cass Art

2019/10/08 全球购物

艺术应用与设计专业个人的自我评价

2013/11/19 职场文书

策划主管的工作职责

2013/11/24 职场文书

市场营销毕业生自荐信范文

2014/04/01 职场文书

2014年招商引资工作总结

2014/11/22 职场文书

工厂清洁工岗位职责

2015/02/14 职场文书

springboot 自定义配置解决Boolean属性不生效

2022/03/18 Java/Android

MySQL创建管理LIST分区

2022/04/13 MySQL

MySQL解决Navicat设置默认字符串时的报错问题

2022/06/16 MySQL