编程 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中的isXX系列

Aug 01 Javascript

js判断选择的时间是否大于今天的代码

Aug 20 Javascript

jQuery插件formValidator自定义函数扩展功能实例详解

Nov 25 Javascript

jQuery短信验证倒计时功能实现方法详解

May 25 Javascript

AngularJS $injector 依赖注入详解

Sep 14 Javascript

简单实现JS计算器功能

Dec 21 Javascript

微信小程序共用变量值的实现

Jul 12 Javascript

JS实现数组去重,显示重复元素及个数的方法示例

Jan 21 Javascript

记录vue做微信自定义分享的一些问题

Sep 12 Javascript

在Vue 中实现循环渲染多个相同echarts图表

Jul 20 Javascript

vant 时间选择器--开始时间和结束时间实例

Nov 04 Javascript

JavaScript 实现轮播图特效的示例

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

如何提高MYSQL数据库的查询统计速度 select 索引应用

2007/04/11 PHP

DISCUZ在win2003环境下 Unable to access ./include/common.inc.php in... 的问题终极解决方案

2011/11/21 PHP

laravel实现Auth认证,登录、注册后的页面回跳方法

2019/09/30 PHP

网页自动刷新，不产生嗒嗒声的一个解决方法

2007/03/27 Javascript

那些年，我还在学习jquery 学习笔记

2012/03/05 Javascript

Javascript面向对象扩展库代码分享

2012/03/27 Javascript

一个简单的瀑布流效果(主体形式自写)

2013/05/27 Javascript

JavaScript实现动画打开半透明提示层的方法

2015/04/21 Javascript

js html css实现复选框全选与反选

2016/10/09 Javascript

理解AngularJs篇：30分钟快速掌握AngularJs

2016/12/23 Javascript

Nodejs进阶：express+session实现简易登录身份认证

2017/04/24 NodeJs

Three.js的使用及绘制基础3D图形详解

2017/04/27 Javascript

Angular路由ui-router配置详解

2018/08/01 Javascript

vue-week-picker实现支持按周切换的日历

2019/06/26 Javascript

vue中实现Monaco Editor自定义提示功能

2019/07/05 Javascript

详解jQuery中的prop()使用方法

2020/01/05 jQuery

python实现颜色rgb和hex相互转换的函数

2015/03/19 Python

Python实现通讯录功能

2018/02/22 Python

Python中一些不为人知的基础技巧总结

2018/05/19 Python

python进阶之多线程对同一个全局变量的处理方法

2018/11/09 Python

python爬虫之验证码篇3-滑动验证码识别技术

2019/04/11 Python

django框架使用views.py的函数对表进行增删改查内容操作详解【models.py中表的创建、views.py中函数的使用，基于对象的跨表查询】

2019/12/12 Python

基于python3抓取pinpoint应用信息入库

2020/01/08 Python

用Python实现童年贪吃蛇小游戏功能的实例代码

2020/12/07 Python

领先的钻石和订婚戒指零售商：Diamonds-USA

2016/12/11 全球购物

小学一年级评语大全

2014/04/22 职场文书

小学生关于梦想的演讲稿

2014/08/22 职场文书

党员自我剖析材料（群众路线）

2014/10/06 职场文书

资产运营委托书范本

2014/10/16 职场文书

酒店圣诞节活动总结

2015/05/06 职场文书

超市员工辞职信范文

2015/05/12 职场文书

2015年新教师个人工作总结

2015/10/14 职场文书

sql中mod()函数取余数的用法

2021/05/29 SQL Server

Python中else的三种使用场景

2021/06/16 Python

Vue + iView实现Excel上传功能的完整代码

2021/06/22 Vue.js

MySQL数据库完全卸载的方法

2022/03/03 MySQL