网页模板——TipLite漂亮的EXT气泡提示插件.zip资源-CSDN文库

共11个文件

js：4个

css：3个

gif：3个

版权申诉

71 浏览量 2021-11-23 08:58:01 上传评论收藏 61KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

网页模板——TipLite 漂亮的EXT气泡提示插件.zip （11个子文件）

132673638779119265

likecs.com_132673638779928273

TipLite 1.0

css

tiplite.css 2KB

ie6.css 341B

layout.css 119B

image

tool-sprites.gif 4KB

from-download.gif 9KB

tip-sprite.gif 4KB

tiplite.html 3KB

javascript

tiplite.js 5KB

TextMetrics-min.js 932B

ext-base.js 35KB

ext-core.js 86KB

<!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>   <link rel="stylesheet" type="text/css" href="css/layout.css" /> <link rel="stylesheet" type="text/css" href="css/core.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>  </head> <body> <div id='tip_test' class='tip-target'> 脚本之家（jb51.net）提供各类编程源码、书籍教程、JavaScript/CSS特效代码以及常用软件下载等，做有质量的学习型源码下载站。 </div> </body> </html>

评论收藏

内容反馈

版权申诉