开通博客赚积分
发布资源赚积分
分类

源码开发语言/平台
当前位置：首页 > 源码/资料 > Java编程 > JavaScript > 查看源码
qtips.js
资源名称：ext-3.1.0.zip　[点击查看]
上传用户：dawnssy
上传日期：2022-08-06
资源大小：9345k
文件大小：2k
源码类别：

JavaScript

开发平台：

JavaScript

qtips.js：源码内容
  1. /*!  * Ext JS Library 3.1.0  * Copyright(c) 2006-2009 Ext JS, LLC  * licensing@extjs.com  * http://www.extjs.com/license  */ Ext.onReady(function(){
  2.     new Ext.ToolTip({
  3.         target: 'tip1',
  4.         html: 'A very simple tooltip'
  5.     });
  7.     new Ext.ToolTip({
  8.         target: 'ajax-tip',
  9.         width: 200,
  10.         autoLoad: {url: 'ajax-tip.html'},
  11.         dismissDelay: 15000 // auto hide after 15 seconds
  12.     });
  14.     new Ext.ToolTip({
  15.         target: 'tip2',
  16.         html: 'Click the X to close me',
  17.         title: 'My Tip Title',
  18.         autoHide: false,
  19.         closable: true,
  20.         draggable:true
  21.     });
  23.     new Ext.ToolTip({
  24.         target: 'track-tip',
  25.         title: 'Mouse Track',
  26.         width:200,
  27.         html: 'This tip will follow the mouse while it is over the element',
  28.         trackMouse:true
  29.     });
  30.     
  31.     new Ext.ToolTip({        
  32.         title: '<a href="#">Rich Content Tooltip</a>',
  33.         id: 'content-anchor-tip',
  34.         target: 'leftCallout',
  35.         anchor: 'left',
  36.         html: null,
  37.         width: 415,
  38.         autoHide: false,
  39.         closable: true,
  40.         contentEl: 'content-tip', // load content from the page
  41.         listeners: {
  42.             'render': function(){
  43.                 this.header.on('click', function(e){
  44.                     e.stopEvent();
  45.                     Ext.Msg.alert('Link', 'Link to something interesting.');
  46.                     Ext.getCmp('content-anchor-tip').hide();
  47.                 }, this, {delegate:'a'});
  48.             }
  49.         }
  50.     });
  51.     
  52.     new Ext.ToolTip({
  53.         target: 'bottomCallout',
  54.         anchor: 'top',
  55.         anchorOffset: 85, // center the anchor on the tooltip
  56.         html: 'This tip's anchor is centered'
  57.     });
  58.     
  59.     new Ext.ToolTip({
  60.         target: 'trackCallout',
  61.         anchor: 'right',
  62.         trackMouse: true,
  63.         html: 'Tracking while you move the mouse'
  64.     });
  67.     Ext.QuickTips.init();
  69. });