编程 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语法特性

Sep 30 Javascript

jquery专业的导航菜单特效代码分享

Aug 29 Javascript

bootstrap和jQuery.Gantt的css冲突如何解决

May 29 Javascript

Vuejs第九篇之组件作用域及props数据传递实例详解

Sep 05 Javascript

详解jQuery中ajax.load()方法

Jan 25 Javascript

javascript 删除数组元素和清空数组的简单方法

Feb 24 Javascript

Angular多选、全选、批量选择操作实例代码

Mar 10 Javascript

JS实现向iframe中表单传值的方法

Mar 24 Javascript

关于axios如何全局注册浅析

Jan 14 Javascript

vue配置请求本地json数据的方法

Apr 11 Javascript

vue配置nprogress实现页面顶部进度条

Sep 21 Javascript

在vs code 中如何创建一个自己的 Vue 模板代码

Nov 10 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实现采集程序原理和简单示例代码

2007/03/18 PHP

Mac系统完美安装PHP7详细教程

2017/06/06 PHP

laravel框架中路由设置，路由参数和路由命名实例分析

2019/11/23 PHP

JavaScript窗口功能指南之在窗口中书写内容

2006/07/21 Javascript

javascript 播放器控制

2007/01/22 Javascript

use jscript with List Proxy Server Information

2007/06/11 Javascript

javascript textarea光标定位方法(兼容IE和FF)

2011/03/12 Javascript

jQuery中的.bind()、.live()和.delegate()之间区别分析

2011/06/08 Javascript

面向对象的Javascript之二(接口实现介绍)

2012/01/27 Javascript

Position属性之relative用法

2015/12/14 Javascript

javascript中replace使用方法总结

2017/03/01 Javascript

js中toString()和String()区别详解

2017/03/23 Javascript

react native实现往服务器上传网络图片的实例

2017/08/07 Javascript

基于Node.js实现压缩和解压缩的方法

2018/02/13 Javascript

jQuery+Cookie实现切换皮肤功能【附源码下载】

2018/03/25 jQuery

关于js对textarea换行符的处理方法浅析

2018/08/03 Javascript

Electron 如何调用本地模块的方法

2019/02/01 Javascript

jquery 回调操作实例分析【回调成功与回调失败的情况】

2019/09/27 jQuery

在nodejs中创建child process的方法

2021/01/26 NodeJs

[02:45]DOTA2英雄基础教程伐木机

2013/12/23 DOTA

Python 实现使用dict 创建二维数据、DataFrame

2018/04/13 Python

浅谈django orm 优化

2018/08/18 Python

Python实现的ftp服务器功能详解【附源码下载】

2019/06/26 Python

解决Django中多条件查询的问题

2019/07/18 Python

wxpython绘制音频效果

2019/11/18 Python

K最近邻算法(KNN)---sklearn+python实现方式

2020/02/24 Python

Anaconda+Pycharm环境下的PyTorch配置方法

2020/03/13 Python

PyTorch中torch.tensor与torch.Tensor的区别详解

2020/05/18 Python

python 实现围棋游戏(纯tkinter gui)

2020/11/13 Python

公司员工检讨书

2014/02/08 职场文书

爱护公共设施标语

2014/06/24 职场文书

2014市国税局对照检查材料思想汇报

2014/09/23 职场文书

市场调研项目授权委托书范本

2014/10/04 职场文书

优秀团支部申报材料

2014/12/26 职场文书

秦兵马俑导游词

2015/02/02 职场文书

关于windows server 2012 DC 环境重启后蓝屏代码:0xc00002e2的问题

2022/05/25 Servers