不用jQuery实现的动画效果代码

不过随着新版本的升级, 体积也慢慢变大了.
24KB, Minified and Gzipped 155KB, Uncompressed Code
压缩并gzip输出24K, 也不小了.
如果页面上一个简单的效果,一个简单的动画就没必要载入这么大的库.
看下面这个图片渐变效果, 其实纯js不到20行就可以搞定了.
<br /> </P><br /> <P>body {padding:0; margin:0;}<br /> #main {margin: 50px auto;border: 1px solid #ccc;width:700px}<br /> #main img {padding:0 20px; border:none; display:none}</p> <p>
[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

您可能感兴趣的文章:

jQuery实现动画效果的实例代码
jQuery中实现动画效果的基本操作介绍
基于jquery的动画效果代码
Jquery实现简单的动画效果代码
基于Jquery的温度计动画效果
jQuery学习笔记之jQuery动画效果

《不用jQuery实现的动画效果代码.doc》

下载本文的Word格式文档，以方便收藏与打印。

相关推荐

CSS3如何制作动画效果

CSS3如何制作动画效果？这篇文章运用了实例代码展示，代码非常详细，可供感兴趣的小伙伴们参考借鉴，希望对大家有所帮助。如下资料是关于CSS3制作动画效果的步骤。任务我们最近在SeatGeek更新了我们的“跟踪&quo...
2023-05-24编程教程css3,动画效果
HTML和CSS3实现2D、3D结合动画效果

今天小编就为大家带来一篇HTML和CSS3实现2D、3D结合动画效果的文章。小编觉得挺不错的，为此分享给大家做个参考。一起跟随小编过来看看吧。一、使用css画个心首先在HTML中定义一个div， <div class="h...
2023-05-22编程教程css3,html,动画效果
jquery的动画效果和使用示范

1.基本效果show([s,[e],[fn]]) 显示hide([s,[e],[fn]]) 隐藏toggle([s],[e],[fn]) 显示隐藏切换不带参数直接显示隐藏带参数 speed easing fn不建议带speed easingfn &nb...
2023-05-06编程教程jQuery,ue,动画效果
简单谈谈Core Animation 动画效果

下面小编就为大家带来一篇简单谈谈Core Animation 动画效果。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧在开始之前呢，先了解一下UIView和CALayer大体的区别（重点列举了以...
2022-10-21技术教程animation,core,iOS,动画效果
iOS使用UICountingLabel实现数字变化的动画效果

本文主要介绍了iOS使用UICountingLabel实现数字变化动画效果的方法，具有一定的参考价值，下面跟着小编一起来看下吧在大多数金融类 app 上或者其他 app 需要数字展示的地方, 经常会有如下的动画效果: 动画效果 ...
2022-10-21技术教程iOS,动画效果
IOS框架Spring常用的动画效果

本文给大家介绍的是在IOS开发中常用的动画效果以及自定义转场动画特效的代码，非常的简单实用，有需要的小伙伴可以参考下 Spring 作用：开发中常用的动画效果及自定义转场动画演示介绍 SpringView 最重要的一...
2022-10-21技术教程iOS,spring,动画效果
Android编程之界面跳动提示动画效果实现方法

这篇文章主要介绍了Android编程之界面跳动提示动画效果实现方法,实例分析了Android动画效果的布局及功能相关实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下本文实例讲述了Android编程之界面跳动提示动画效...
2022-10-19技术教程android,动画效果
Android TextView渐变颜色和方向及动画效果的设置详解

TextView的在安卓中可以理解为一个文本视图控件，Android的视图控件的基类是View类，可以理解的TextView是View的子类。我们通常在.XML布局文件中会为文本视图控件指定各种属性来设置它的样式，今天我们要讲的当然...
2022-10-19技术教程android,TextView,动画效果