<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>提醒测试 Download by http://www.jb51.net</title>
<!-- 以下三个基础库必须 -->
<script type="text/javascript" src="javascript/ext-base.js"></script>
<script type="text/javascript" src="javascript/ext-core.js"></script>
<script type="text/javascript" src="javascript/TextMetrics-min.js"></script>
<!-- 不需要拖放功能不需要载入 -->
<script type="text/javascript" src="javascript/DDCore-min.js"></script>
<!-- 以下为自定义组件-->
<script type="text/javascript" src="javascript/tiplite.js"></script>
<!--以下为css -->
<!-- 核心css，必须-->
<link rel="stylesheet" type="text/css" href="css/layout.css" />
<link rel="stylesheet" type="text/css" href="css/core.css" />
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="css/ie6.css" />
<![endif]-->
<!-- 自定义组件的css-->
<link rel="stylesheet" type="text/css" href="css/tiplite.css" />
<style type='text/css'>
.tip-target {
-x-system-font:none;
background:#DFE8F6 none repeat scroll 0 0;
border:1px dotted #99BBE8;
color:#15428B;
cursor:default;
overflow:hidden;
position:absolute;
font-family:tahoma,arial,sans-serif;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
margin:10px;
padding:5px 0;
text-align:center;
}
</style>
<script type="text/javascript">
//<![CDATA[
Ext.onReady(function() {
var tip = new Ext.ux.TipLite( {
//标题
title:'测试',
//内容
html:'一点提醒',
//在哪个元素上提示
targetId:'tip_test',
//是否允许用户关闭 ,和 autoHide 一般设置一个，不同是设置
closeable:true,
//显式设置宽度 px
//width:100,
//显式设置高度 px
//height:100,
//否则根据文字自动高宽，宽度最宽为300px后换行
//是否鼠标移出元素自动隐藏
autoHide:false
} );
//动态设置 是否鼠标移出隐藏
tip.setAutoHide(true);
//tip.setAutoHide(false);
//动态设置 是否用户关闭
tip.setCloseable(false);
tip.setCloseable(true);
//动态设置根据 文字宽度换行 ,注意：参数不填
tip.setWidth();
//动态设置固定宽度
//tip.setWidth(100);
//动态设置固定高度
//tip.setHeight(100);
//监听事件，出现，隐藏
tip.on('show',function(){
//console.log('hello');
});
tip.on('hide',function(){
//console.log('88');
});
});
//]]>
</script>
<!--
┏━━━━━━━━━━━━━━━━━━━━━┓
┃ 源 码 爱 好 者 ┃
┣━━━━━━━━━━━━━━━━━━━━━┫
┃ ┃
┃ 提供源码发布与下载 ┃
┃ ┃
┃ http://www.jb51.net ┃
┃ ┃
┃ 互助、分享、提高 ┃
┗━━━━━━━━━━━━━━━━━━━━━┛
-->
</head>
<body>
<div id='tip_test' class='tip-target'>
脚本之家（jb51.net）提供各类编程源码、书籍教程、JavaScript/CSS特效代码以及常用软件下载等，做有质量的学习型源码下载站。
</div>
</body>
</html>
TipLite 漂亮的EXT气泡提示插件.zip
版权申诉
127 浏览量
2022-11-01
00:08:57
上传
评论
收藏 61KB ZIP 举报
TipLite 漂亮的EXT气泡提示插件.zip （11个子文件） 
132673638779119265 likecs.com_132673638779928273 TipLite 1.0 css 
tiplite.css 2KB ie6.css 341B layout.css 119B image 
tip-sprite.gif 4KB tool-sprites.gif 4KB from-download.gif 9KB
tiplite.html 3KB javascript TextMetrics-min.js 932B ext-core.js 86KB tiplite.js 5KB ext-base.js 35KB资源评论
