阅读更多

6顶
1踩

Web前端

原创新闻 jQuery Approach:靠近对象出现动画效果

2009-10-20 11:03 by 副主编 zly06 评论(2) 有4146人浏览

Approach 是一个 jQuery 插件,当鼠标接近对象时可以切换出各种动画样式。它跟 jQuery animate 插件有点类似,只不过 Approach 是根据距离来激活动画,而不是时间。

如果有一个对象,Foo,在开始时透明度为0.2,并使用了下面的代码:
在样式表中:
#foo { opacity: 0.2; }


在文件的脚本标签中:
$("#foo").approach({
        opacity: 0.99
    }, 300);
根据离foo的距离,透明度将会在0.2到0.99之间变化。



注意:当你使用了jQuery UI 核心效果时,这个插件接受任何来自jQuery animate的CSS属性,也接受基于颜色的参数。

 

查看演示:http://srobbin.com/jquery-plugins/jquery-approach/

Github项目页:http://github.com/srobbin/jquery-approach#readme

  • 大小: 11.2 KB
  • 大小: 31.8 KB
来自: srobbin
6
1
评论 共 2 条 请登录后发表评论
2 楼 ThinkingInAll 2009-10-20 17:10
太卡了,效果不错,但是不实用
1 楼 dyhunter 2009-10-20 13:10
普通机器速度太慢,跳帧。。一卡一卡的

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • StyleControls(皮肤控件) 4.53 源码免安装版

    StyleControls(皮肤控件) 4.53 源码免安装版,支持XE2-10.3版本。StyleControls是针对开发者打造的一款强大皮肤控件,它包含了独特和高级的可以扩展标准的VCL控件,基于BusinessSkinForm VCL和DynamicSkinForm VCL,可以与Delphi XE以及C++Builder编程软件完美兼容,软件丰富的元素和控件供用户选择,包含一些主题风格、高级按钮以及复选框等,支持64位操作系统。

  • Delphi 完全时尚手册之 Visual Style 篇---使非标准 Win32 控件或自画控件也具有 Windows XP 的界面风格

    Delphi 完全时尚手册之 Visual Style 篇---使非标准 Win32 控件或自画控件也具有 Windows XP 的界面风格    这里先说说两个概念:Theme(主题)和 Visual Style 。Theme 最早出现在 Microsoft Plus! for Windows 95 中,是 Windows 中 Wallpaper、Cursors、Fonts、Sounds 、

  • Delphi StyleControls之功能按钮设计

    RAD Studio 10.3 测试√ 控件:scGPGlyphButton 控件部分属性: 【关闭和最小化下的OnClick事件】 procedure TForm2.scGPGlyphButton1Click(Sender: TObject); begin Application.Terminate; //关闭 end; procedure TForm2.scGPGlyphButton2Click(Sender: TObject); begin Application.Min

  • 记录学习使用stylecontrols5.8控件的几个坑

    (就因为这个问题,我找了一整天的原因,从数据库结构设计到数据库连接、到数据集FDquery,再到数据字段类型,load图片方法全试了几遍,最后才发现是控件的问题。//或TBlobField(dm.FDQPerson.FieldByName('照片')).LoadFromfile(filename);如果图片是png,bmp,能正确保存到数据库,如果图片类型是jpg,则会被清空而不产生异常,数据库内容成了NUll。我将scDBimage换成DBimage或DBimageEh之后,问题解决。

  • Delphi ControlState和ControlStyle属性详解

    ControlState 属性 对应对象:TControl 声明:TControlState = set of (csLButtonDown, csClicked, csPalette, csReadingState, csAlignmentNeeded, csFocusing, csCreating); property ControlState: TControlState; 功能:C

  • StyleControls_5.0.6 完整源码版

    非常优秀且短小精悍的Delphi控件集。包含完整源代码。 安装方法如下: For Delphi: - open StyleControls_d*.dpk file - install package For C++Builder: - open StyleControls_cb*.cbproj file - install package

  • DELPHI XE8自带Style效果截图

    DELPHI XE8自带Style效果截图,XE新手免去一个一个地试效果。

  • delphi xe 之路(14)使用FireMonkeyStyle

    FireMonkey使用Style来控制控件的显示方式。 每个控件都有一个StyleLookup属性,FireMonkey就是通过控件的这个属性来在当前窗体的StyleBook控件中查找匹配的Style,如果找到了这个Style,那么控件就使用这个Style来显示。   StyleBook是一个Style的集合,里面可以有窗体的Style,按钮的Style,文本框的Style,等等。每个St

  • StyleControls4.52.rar

    StyleControls4.52.rar

  • StyleControls安装教程.doc

    StyleControls是一款功能强大的套包控件,我非常喜欢,它包含了可扩展标准VCL控件的解决方案和控件,各种风格和高级按钮、复选框、发光效果、动画效果等。在网上下载的StyleControls控件基本都不带安装教程,本安装教程,图文并茂介绍StyleControls的安装全过程。

  • BMDThread_v2.1_Full_Source 适合所有delphi版本,附带说明和官方的Demo,Delphi7-Delphi 10.4

    BMDThread_v2.1_Full_Source 适合所有delphi版本,附带安装说明和官方的Demo,适合Delphi7-Delphi 10.4 版本安装

  • Java源文件声明规则

    一个源文件中只能有一个 public 类 一个源文件可以有多个非 public 类 源文件的名称应该和 public 类的类名保持一致。例如:源文件中 public 类的类名是 Employee,那么源文件应该命名为Employee.java。 如果一个类定义在某个包中,那么 package 语句应该在源文件的首行。 如果源文件包含 import 语句,那么应该放在 package 语句和类定义之间。如果没有 package 语句,那么 import 语句应该在源文件中最前面。 import 语句和 pac

  • Delphi 10.3.3支持苹果IOS13新增的Dark Theme暗黑主题模式

    移动环境正在不断变化。 9月19日发布的iOS 13引入了系统范围内的Dark Theme。 当今,许多软件应用程序都提供了在明暗主题之间切换的选项,包括Delphi和C ++ Builder。深色主题为喜欢在夜间或在弱光环境下工作的用户提供了更好的体验。 使用iOS 13,开发人员可以在构建应用程序时选择支持浅色或浅色和深色应用程序主题。在为这两种方式提供支持时,最终用户可以通过新的i...

  • Delphi代码风格约定

     Delphi代码风格约定qingrui li 据Charles Calvert的Object Pascal Style Guide编注注:很多用Delphi的人不注意代码风格,经常写一些不规范的代码,以致别人很难看懂且容易出错。希望本文能鼓励广大Delphi爱好者统一到标准风格,共同前进。本文描述了格式化Delphi代码的标准风格。次风格基于Delphi开发组的编码约定。我们承认

  • Delphi XE 10.2 设置全局Style

    Delphi XE 10.2 设置全局Style,折腾了我不少时间,网上资料很多误导,希望大家节省宝贵时间。

  • Delphi10控件Style自定义注意点

    StyledSettings属性,除常用Family、Size、Style等设置外,修改其它项目注意将Other项设置为True。否则,某些自定义属性无效。

  • Delphi XE2使用VCL Styles (皮肤/skin)

    在新版本中,你可以直接给你的程序换皮肤/skin(主题),Project-> Options -> Application -> Appearance,在这里选一个你想要的主题, 当然,你可以在你的程序里自己设定,为了使用VCL Styles,你需要使用TStyleManager类,Themes单元,如下几步:注册Style 从文件加载(注册)VCL style,需要使用TStyleManager类中的LoadFromFile函数, 复制代码 procedure RegisterSty

Global site tag (gtag.js) - Google Analytics