编程 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之Bind方法参数传递与接收的三种方法

Jun 24 Javascript

node.js中的dns.getServers方法使用说明

Dec 08 Javascript

js中window.open的参数及注意注意事项

Jul 06 Javascript

通过示例彻底搞懂js闭包

Aug 10 Javascript

echarts学习笔记之图表自适应问题详解

Nov 22 Javascript

详解js跨域请求的两种方式，支持post请求

May 05 Javascript

vue3.0 CLI - 2.2 - 组件 home.vue 的初步改造

Sep 14 Javascript

Vue 开发必须知道的36个技巧(小结)

Oct 09 Javascript

vue请求服务器数据后绑定不上的解决方法

Oct 30 Javascript

javascript绘制简单钟表效果

Apr 07 Javascript

Javascript var变量删除原理及实现

Aug 26 Javascript

echarts浮动显示单位的实现方法示例

Dec 04 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调用VC编写的COM组件实例

2014/03/29 PHP

在CentOS上搭建LAMP+vsftpd环境的简单指南

2015/08/01 PHP

JavaScript EasyPager 分页函数

2011/05/25 Javascript

纯js实现div内图片自适应大小(已测试，兼容火狐)

2014/06/16 Javascript

javascript实现五星评价代码（源码下载）

2015/08/11 Javascript

JS实现合并两个数组并去除重复项只留一个的方法

2015/12/17 Javascript

JS实现环形进度条（从0到100%）效果

2016/07/05 Javascript

JS文件上传神器bootstrap fileinput详解

2021/01/28 Javascript

React 子组件向父组件传值的方法

2017/07/24 Javascript

Vue中computed与methods的区别详解

2018/03/24 Javascript

vue配置多页面的实现方法

2018/05/22 Javascript

vue的路由映射问题及解决方案

2019/10/14 Javascript

python基础教程之Hello World!

2014/08/29 Python

仅用50行代码实现一个Python编写的计算器的教程

2015/04/17 Python

Python实现合并两个列表的方法分析

2018/05/28 Python

详解python实现识别手写MNIST数字集的程序

2018/08/03 Python

用Python实现最速下降法求极值的方法

2019/07/10 Python

Django 开发环境与生产环境的区分详解

2019/07/26 Python

python动态视频下载器的实现方法

2019/09/16 Python

超实用的 30 段 Python 案例

2019/10/10 Python

Tensorflow进行多维矩阵的拆分与拼接实例

2020/02/07 Python

Python如何批量获取文件夹的大小并保存

2020/03/31 Python

在Pytorch中使用Mask R-CNN进行实例分割操作

2020/06/24 Python

python 实现有道翻译功能

2021/02/26 Python

HTML5通过调用canvas对象的getContext()方法来获取绘图环境

2014/06/23 HTML / CSS

做一个能自适应高度的textarea的示例代码

2019/09/06 HTML / CSS

ORACLE十问

2015/04/20 面试题

Overload和Override的区别

2012/09/02 面试题

高一自我鉴定

2013/12/17 职场文书

2013年军训通讯稿

2014/02/05 职场文书

公司年会搞笑主持词

2014/03/24 职场文书

英文导游词

2015/02/13 职场文书

Python Django框架介绍之模板标签及模板的继承

2021/05/27 Python

golang特有程序结构入门教程

2021/06/02 Python

浅析MySQL如何实现事务隔离

2021/06/26 MySQL

Python 数据科学 Matplotlib图库详解

2021/07/07 Python