查找 jQuery Plugin, 找到了qTip。所谓qTip,就是鼠标放到上方时,显示的消息(英文叫做ToolTip)。代码
转载 2023-07-19 16:01:04
149阅读
@author YHCStyle这个style对象允许你分配自定义样式给主要的qTip元素,和ThemeRollertip选项,当使用tips plugin的时候:classes:""概述:添加样式的时候使用空格隔开字符串来包含多个样式名称,应该添加给主要的qTip元素的样式名称;以下有几个基础样式,包含在css文件中的提供的,主要包含:/* CSS2 styles */ ui-tooltip{ } /* This one is applied by default (formally the "cream" style) */ ui-tooltip-p
转载 2012-07-28 09:57:00
100阅读
2评论
@author YHCStyle这个style对象允许你分配自定义样式给主要的qTip元素,和Th
转载 2012-07-28 09:57:00
94阅读
2评论
详情参考:http://qtip2.com   我下载的 库文件以及自己总结的资料:链接:http://pan.baidu.com/s/1pJI43Cv密码:751y 基本用法: (1)只有简单提示 $('#username').qtip({ // Grab some elements to apply the tooltipto     content: {         text:
原创 2021-08-16 09:30:32
714阅读
@author YHCtarget:false 概述: 决定了那个HTML元素(s)将触发你定
转载 2012-07-27 10:56:00
45阅读
2评论
@author YHCtarget:false 概述: 决定了那个HTML元素(s)将触发你定义的,show.event(s),当你设置为false的时候,这个元素的.qtip()方法根据使用调用; 示例: 这个示例第一个H1元素将引发显示qTip,当show.event时间被触发(在鼠标进入的时候) $('.selector').qtip({ content: { text: 'You moused over the first H1 element on the document.' }, show: { target: $('h1:first
转载 2012-07-27 10:56:00
96阅读
2评论
相信做过前端开发的童鞋,一定都涉及到表单验证的模块设计,也定都会对Alert的粗暴提示厌恶至极。当然,我也不例外。一直期待着,一种比较优雅提示效果。 看到这,大家可能觉得Jquery Validate不是可以解决这个问题吗?不知,大家会不会觉得Jquery Validate的提示信息会占用相当的页面
转载 2021-07-23 14:03:42
150阅读
@author YHCGlobal这个部分将介绍qTip的global的选项,这个将会影响到所
转载 2012-07-30 10:48:00
32阅读
2评论
@author YHCGlobal这个部分将介绍qTip的global的选项,这个将会影响到所有的创建到页面的qTip,不管是已经创建的还是将要创建的.$.fn.qtip.version概述:存储着qTip2的库的版本包含在这个页面的格式是"2.x.x"$.fn.qtip.default:{.....}概述:持有所有qTip的默认值,继承至你的.qtip()的调用;以下便是默认值:$.fn.qtip.defaults = { prerender: false, id: false, overwrite: true, suppress: true, content: { te
转载 2012-07-30 10:48:00
68阅读
2评论
@author YHC绑定事件:这个API触发一些特殊的事件(以下详细信息),允许你给qTip分配多个时间监听,和为某一事件做出响应,例如:我们绑定一个事件句柄,它将侦听qTip的移动的事件,和更新DIV元素里面显示的qTip的坐标内容;$('.selector').qtip({ content: 'When I move I update coordinates on the page!', events: { move: function(event, api) { $('#coords').text( event.pageX + '
转载 2012-07-28 18:31:00
115阅读
2评论
@author YHC特殊事件qTip为你实现了一些自定义的hide和show事件,所以你不需要手动编写代码,现在还只有一个:unfocus,这个事件允许你隐藏qTip当任何qTip被点击的时候:$('.selector').qtip({ content: { text: 'I\'ll hide when you click anywhere else on the document', }, hide: { event: 'unfocus' } });注意:这个仅仅只是qTip的事件,对任何正常的jQuery的bind/delegate
转载 2012-07-27 17:08:00
227阅读
2评论
@author YHC概述:qTip使用特殊的定位系统,使用角,在这些基础的概念的背后非常简单,当你去读的时候,你会觉得实际上它变成了简单的英语.如下例子,比如说,我们想定位qTip的my为left top(左上角)at在我们的目标元素的右下角(bottom right),非常简单,让我们来看看代码包含一下这些:$('.selector').qtip({ content: 'I\'m positioned using corner values!', position: { my: 'top left', // Position my t
转载 2012-07-26 11:08:00
93阅读
2评论
@author YHC概述:qTip使用特殊的定位系统,使用角,在这些基础的概念的背后非常简单,当你去读的时候,你会觉得实际上它变成了简单的英语.如下例子,比如说,我们想定位qTip的my为left top(左上角)at在我们的目标元素的右下角(bottom right),非常简单,让我们来看看代码包含一下这些:
转载 2012-07-26 11:08:00
102阅读
2评论
@author YHC​text:true​概述:text/HTML将出现在qTip初始化之后,如果设置为true(e.g.:text:true),将会使用目标元素的标题属性(e.g.:<div title='why LOVE HC?')做为提示信息显示,前提是目标元素标题可用也可以定义一个匿名函数来返回提示内容,他的范围是目标元素;示例:创建一个默认的qTip,并且提示内容是"My too
转载 2012-07-25 10:35:00
151阅读
2评论
@author YHC绑定事件:这个API触发一些特殊的事件(以下详细信息
转载 2012-07-28 18:31:00
62阅读
2评论
jquery组件已经有很多,但是有可能找不到符合我们需求的组件,所以我们可以动手自己封装一个jquery组件。第一步要知道封装jquery组件的基本语法(function ($) { $.fn.ziDinYiZuJian = function () { //ziDinYiZuJian 组件 要实现的功能代码 } })(jQuery)第二步调用自定义的组件  调用组
转载 2023-05-18 15:47:14
168阅读
jQuery EasyUI,Layout(布局)组件 学习要点:   1.加载方式   2.布局属性   3.区域面板属性   4.方法列表 本节课重点了解 EasyUI 中 Layout(布局)组件的使用方法,这个组件依赖于 Panel(面 板)组件和 resizable(调整大小)组件。 一.加载方式class 加载方式,这个属性一般使用class方法使用<
转载 2023-07-24 17:10:25
173阅读
JQueryEasyUI 提供的一种非常便捷的方法来完成对系统页面的整体布局。它将页面分为北(north)、东(east)、南(south)、西(west)、中(center)等五个部分,代表页面的上、右、下、左、中间(主工作区)等区域。
转载 2023-05-24 00:41:50
101阅读
jQuery是什么JavaScript类库JavaScript类库简称JS库,**是为了简化JavaScript的开发或者是DOM的操作等。**其中一些JS库也会根据特定的场景封装一系列的操作,例如日期控件等。JavaScript类库会预定义一系列对象和函数,降低开发人员使用JavaScript的难度,**兼容各个浏览器,**提供简单易用的相应的功能。目前,市面上的JavaScript类库数量众多
转载 2023-09-04 16:45:03
101阅读
通过原生html+css就可以写出基本的组件,比如select,很简单就可以写一个符合标准的组件 <select name="name" class="form-control"> <option value="1">1</option> <option value="2">2</option&
转载 2024-08-07 10:47:44
98阅读
  • 1
  • 2
  • 3
  • 4
  • 5