网页缓冲效果特效代码


先我要说的是,我是菜鸟,这些文章是献给和我一样想要学习的菜鸟们.
论坛里有几位朋友发过缓冲效果,但是象我这种菜鸟看他们的代码实在是一种痛苦,因为不是一个层次的.
所以我用最最冗余的代码来写出这种效果,目的就是希望菜鸟们能看懂,
当我们不菜的时候我们再回头去看高手们的东西.
最后,请相信这句话:
有一天菜鸟也会成为高手,(前提是你要努力哈哈^^)

运行代码框

[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

关键代码请看这两个就可以了

function f_s(){
    var obj=document.getElementById("box");//获取ID为box的对象
    obj.style.display="block";//设置对象obj为显示
    obj.style.width="1px";    //设置对象obj的宽度为1px
    var changeW=function(){ //(关于函数这一点,什么闭包,什么类、原型的,弄的我头大了,以后慢慢理解吧。这里我理解的是创建一个函数直接量并把它存进变量changeW里)
        var obj_w=parseInt(obj.style.width);//把对象的宽度转换为一个数值,并存入变量obj_w中;
        if(obj_w<600){ //判断,如果宽度数值小于600
            obj.style.width=(obj_w+Math.ceil((600-obj_w)/15))+"px";//计算对象的宽度。。。随着宽度的变长,递增量越来越小
        }
        else{
        clearInterval(bw);//如果大于等于600的话,不再执行setInterval,意思就是这个时候停止增加宽度了。
        }
    }   
    var bw=window.setInterval(changeW,1)//每0.001秒调用一次changeW
}

//slow to fast 由慢到快
//声明一个函数s_f()
function s_f(){
    var obj=document.getElementById("box2");   
    var e_add=1;//初始化递增量
    obj.style.display="block";
    obj.style.width="1px";
    var changeW=function(){//我理解的是创建一个函数直接量并把它存进变量changeW里
        var obj_w;e_add
        obj_w=parseInt(obj.style.width);
        e_add*=1.05;//以后每次递增的值都是
        if(obj_w<600){
            obj.style.width=(obj_w+e_add)+"px";//随着宽度的变长,递增量越来越大
        }
        else{
        clearInterval(bw);
        obj.style.width="600px";//因为(obj_w+e_add)这种计算方法会超出预定义的宽度,所以这里在缓冲完以后重新设置它的宽度.造成一种假象哈哈
        }   
    }       
    var bw=window.setInterval(changeW,1)
}



相关阅读:
asp.net下用url重写URLReWriter实现任意二级域名的方法
HTML表格标记教程(5):亮边框色属性BORDERCOLORLIGHT
来自PHP.NET的入门教程
JS延迟加载(setTimeout) JS最后加载
MySQL数据导入导出方法与工具(2)
如何用Windows 7开启或关闭屏幕键盘
CSS实现 Firefox 和 IE 都支持的半透明效果
CSS Border属性制作小三角
CSS教程:制作对用户友好的站内搜索表单
JavaScript 常用函数库详解
Win2008虚拟化实战之启用Hyper-V功能
CSS教程:CSS变换(transition)
找回音频文件右键-属性-摘要 选项卡的操作方法
jQuery MD5加密实现代码
快速导航
PHP MySQL HTML CSS JavaScript MSSQL AJAX .NET JSP Linux Mac ASP 服务器 SQL jQuery C# C++ java Android IOS oracle MongoDB SQLite wamp 交通频道 作文范文 蓝色宝石链作文700字 初1作文老师 我当海西小主人 作文200字 带刀的文人 初中初二作文600字:《钢铁是怎样炼成的》读后感 安监局政务信息公开制度范文 描写建党节的作文范文 “家”给我欢乐 我读《海底两万里》有感作文600字 南有槐木 汛期地质灾害防治知识宣传培训行动实施方案 乔洪个人简历 迂回的自我推销技巧 06年中考满分作文系列40―有多少爱可以重来作文750字 闲暇闲想 五年级上学期班务计划3篇 酒店服务员的工作 去南胡公园玩 时光掠影作文 大学军训小结1000字作文 我孤独无助的时候陪在我身边 哥的传说14 我的演讲作文450字 感悟、人生 2016年元旦晚会策划书 大侦探波洛12奇案之:恶狗刻耳珀洛斯 空前旋律之战(上) 2014一分钟创意自我介绍 政治教导员个人述职报告 境界与缘分 年度经典语录之网络流行 有品味有内涵的经典句子 《泥胚奇遇记》即将创作 为什么不能让我更加受伤 中考动员大会总结 县委班子开展解放思想大讨论学习心得体会 《爱的教育》读后感900字 伐木者的奇遇作文1000字 《少年王勃》公开课第二课时教学设计 亲爱的姑娘,我又梦见你了! 1200字以上有关写元旦的作文-5篇 母亲节给妈妈的祝福语 初中初二作文800字:读老人与海有感 在软环境建设工作会议上的讲话 爱鸟护鸟的作文 小学六年级作文550字:我发明的月羽屋 我爱大自然450字 默契,一种心灵的触摸 倾心于唐朝里的诗情 生命的快乐

Copyright © 2016 phpStudy |