基于jquery的动画效果代码

 更新时间:2012年07月25日 22:42:11   作者:  
基于jquery的动画效果代码,挺有意思的,需要的朋友可以参考下
jquery动画
有意思的地方见效果图:

思想:
将图片设置分割div的背景图片,控制div的属性,可以现实有趣的滤镜效果,本例中展示了一种,感兴趣的朋友可以尝试其他滤镜的实现。
本例其余动画部分,主要是利用jquery中提供animate和delay实现。
animate:这个函数的关键在于指定动画形式及结果样式属性对象。这个对象中每个属性都表示一个可以变化的样式属性。
delay:设置一个延时来推迟执行队列中之后的项目。
实例效果:

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]

相关文章

  • 基于jquery的商品展示放大镜

    基于jquery的商品展示放大镜

    这两天帮朋友的网站做个放大镜,就是淘宝上的那种,两个框,一个框放小图,另外一个框放大图。本来说想从网上直接载一个拿来Hack,但是找好半天都没有找到,看了看JQ的插件也好像不对,干脆就自己写了。
    2010-08-08
  • Jquery实现点击按钮,连续地向textarea中添加值的实例代码

    Jquery实现点击按钮,连续地向textarea中添加值的实例代码

    本篇文章主要是对Jquery实现点击按钮,连续地向textarea中添加值的实例代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2014-03-03
  • JQuery事件冒泡和默认行为代码实例

    JQuery事件冒泡和默认行为代码实例

    这篇文章主要介绍了JQuery事件冒泡和默认行为代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-05-05
  • jQuery.Ajax()的data参数类型详解

    jQuery.Ajax()的data参数类型详解

    这篇文章主要介绍了jQuery.Ajax()的data参数类型详解,需要的朋友可以参考下
    2017-07-07
  • jquery简单的弹出层浮动层代码

    jquery简单的弹出层浮动层代码

    一个简单的jquery弹出框代码实现,点击链接弹出模式对话框,任意点击网页的其它地方可以关闭弹出框,可以自定义透明度,简单实用的jquery弹出框效果。
    2015-04-04
  • jQuery 获取select选中值及清除选中状态

    jQuery 获取select选中值及清除选中状态

    这篇文章主要介绍了jQuery 获取select选中值及清除选中状态的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-12-12
  • jQuery实现瀑布流布局详解(PC和移动端)

    jQuery实现瀑布流布局详解(PC和移动端)

    这篇文章非常全面的介绍了在PC和移动端上jQuery实现瀑布流布局的详细过程,文中示例代码介绍的非常详细,具有一定的参考价值,对瀑布流布局感兴趣的小伙伴们可以参考一下
    2015-10-10
  • jQuery实现淡入淡出二级下拉导航菜单的方法

    jQuery实现淡入淡出二级下拉导航菜单的方法

    这篇文章主要介绍了jQuery实现淡入淡出二级下拉导航菜单的方法,涉及jquery简单操作页面元素展开与隐藏的实现技巧,非常具有实用价值,需要的朋友可以参考下
    2015-08-08
  • PHP+mysql+Highcharts生成饼状图

    PHP+mysql+Highcharts生成饼状图

    本文将结合实际,使用PHP读取Mysql数据表中的数据,并将获取的数据按照要求输出给前端JS,再通过配置调用Highcharts图表库生成饼状图。
    2015-05-05
  • jQuery中:lt选择器用法实例

    jQuery中:lt选择器用法实例

    这篇文章主要介绍了jQuery中:lt选择器用法,实例分析了:lt选择器的功能、定义及匹配小于指定索引值元素的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2014-12-12

最新评论