上一页 1 ··· 7 8 9 10 11 12 13 14 15 下一页
2013年6月14日
运动---第八课时
摘要： 运动的最后一课时笔记，感觉蛮难的，有一些东西没有理解，涉及的知识点非常多。先来看一个小小的东西。关于弹性运动-----设置一个div，当鼠标移上去的时候div伸展开，当鼠标移出的时候div还原到原先的大小。可以复制代码自己运行一下。iSpeed+=(iTarget-height)/5; iSpeed*=0.7;这两句用来设置div运动时的速度，首先加等于实现缓冲效果，其次在第一次的处理之后继续减小速度，乘以一个小于1的数。if(Math.abs(iSpeed)<1&&Math.abs(iSpeed-height)<1) { clearInterval(obj.tim 阅读全文
posted @ 2013-06-14 22:52 Paxster 阅读(182) 评论(0) 推荐(0)
2013年6月12日
运动---第七课时
摘要： 弹性运动----弹性运动不同于匀速运动，元素运动的速度先快后慢，后者是先慢后快，而且在运动的过程中有一个权重（类似于重力加速度），看上去就像真实的自由落体运动一样。下面看一下加速运动和减速运动：加速运动顾名思义就是速度不断增加，具体到这里就是iSpeed++，每一次都加1，实现累加。累减的过程刚好相反，假设变量iSpeed的初始值为20，然后速度递减iSpeed--,也就是累减。加速运动和减速运动的结合体就构成了弹性运动。加速运动： 1 <script> 2 var iSpeed=0; 4 function startMove() 5 { 6 var oDiv=document.g 阅读全文
posted @ 2013-06-12 23:54 Paxster 阅读(1072) 评论(1) 推荐(1)
2013年6月8日
运动---第六课时
摘要： 今天看完电商的晚会，感觉自己老了。。。。今天做两个实例。一个是类似于新浪微博的实时更新展示框，另外一个是无缝滚动的完整版。关于javascript的运动，实现的形式很多，其实无非就是改变元素的属性值，主要有高度，宽度，透明度，文字等。个人觉得javascript的运动应用是最广泛的，也可以说是最难的位置，当然了，面向对象这一部分，同样很有难度。希望这个学期之前，把面向对象学习完，端午节回家做实例。实例一-------内容更新下面是整个实例的代码，依然应用了前面写的js框架。下面一一道来。 1 <head> 2 <meta http-equiv="Content-Ty 阅读全文
posted @ 2013-06-08 23:16 Paxster 阅读(1046) 评论(2) 推荐(2)
2013年6月5日
运动---第五课时
摘要： Javascript简易动态下拉导航栏 js的导航栏效果很炫，当然纯CSS同样可以制作下拉菜单，下面开始讲解导航栏的结构代码，创建一个无序列表，列表下面有三个li，li里面有不同数目的子项目。简单易懂。<body><ul id="ul1"> <li>首页 <div> 武汉<br /> 长沙<br /> 上海<br /> 杭州<br /> 成都<br /> 杭州<br /> 成都<br /> </div> ... 阅读全文
posted @ 2013-06-05 22:51 Paxster 阅读(864) 评论(0) 推荐(1)
2013年6月4日
运动---第四课时
摘要： 最近比较忙，没来得及整理，再忙也要更新，最近在做一款APP，预计9月份可以上线。继续关于运动的课程。这一篇文章主要是关于链式运动以及Json的运用。所谓链式运动，就是完成一个运动效果之后继续进行下一个运动效果，然后继续下一个运动效果，往下延续...链式运动个人感觉蛮好玩的。下面看一个实例，startMove是我写的一个函数框架，这个库在前面的文章里面有，需要看的可以翻看前面的文章，这个框架蛮简单的，但是有很多细节需要注意，一不小心就写错了。链式运动----按钮的单击事件，运用函数框架传递obj,attr,iTarget,fn来传递四个参数，分别为：元素，属性，目标值，执行函数。其中第四个参数用 阅读全文
posted @ 2013-06-04 22:59 Paxster 阅读(715) 评论(0) 推荐(0)
上一页 1 ··· 7 8 9 10 11 12 13 14 15 下一页