运行代码 缩小
十度
HTML代码
复制 格式化 注释 注释 清空
放大
x
 
1
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
2
<html>
3
    <head>
4
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
5
        <script>
6
            function rand(min,max){
7
                return Math.round(min+(Math.random()*(max-min)));
8
            };
9
            var fade = function(element, transparency, speed, callback){
10
                //透明度渐变:transparency:透明度 0(全透)-100(不透);speed:速度1-100,默认为1
11
                if(typeof(element)=='string')element=document.getElementById(element);
12
                if(!element.effect){
13
                    element.effect = {
14
                    };
15
                    element.effect.fade=0;
CSS代码
复制 格式化 注释 注释 颜色 清空
放大
CSS代码...
xxxxxxxxxx
1
 
1
JS代码
复制 格式化 注释 注释 清空
放大
JS代码...
xxxxxxxxxx
1
 
1
名称
JS动画函数:透明度渐变、位置移动、尺寸变化
分类
网站常用
描述
基于JavaScript的三个动画函数,透明度渐变、位置移动、尺寸变化,不喜欢臃肿的JS,所以自己写了这个,适用于做前端网页设计,只需要简单的动画效果但又不想引入整个动画类的情况下,可以使用本函数。
收藏