摘要: 效果:发布时高度慢慢增大,透明度也同时变为100思路:1、创建li2、li的值是从文本框获取的 li.innerHtml=txt.value;3、清空文本框 txt.value='';4、if判断如果没有内容的时候就appendChild插入,如果有内容就倒序插入。5、用offsetHeight获取li高度,先把li高度设置为0,再通过运动框架设置li高度和透明度JS代码:View Code 1 <script> 2 window.onload=function() 3 { 4 var oUl=document.getElementById('ul' 阅读全文
posted @ 2013-03-22 17:49 yexingwen 阅读(1651) 评论(0) 推荐(0) 编辑
摘要: 淘宝幻灯片效果:能自动播放,鼠标指向或者点击数字按钮就能切换图片。实现思路:1、for循环给数字按钮加上点击事件。2.for循环先把按钮的样式清空,再把当前样式设置样式。3、给每个按钮添加自定义属性index aBtn[i].index=i aBtn[2]=2 第二个按钮和第二张图片想对应,用运动框架把大图的UL每次移动-150px,因为图片高度是150px。如果移动到第n张图片就是-150*n。4、定义变量now,用来自动播放用的。把当前图片赋值给now now=this.index。5、定义自动播放函数。now++ 下一张,if判断,到最后一张图片的时候就把now设置为0,就是第一张。 i 阅读全文
posted @ 2013-03-22 16:03 yexingwen 阅读(791) 评论(0) 推荐(0) 编辑
摘要: 运动框架思路:1、取物体对象的样式当前值。if判断,如果是opacity要怎样,不是的要怎样2、算运动速度。3、判断是否停止。4、设置 阅读全文
posted @ 2013-03-22 10:58 yexingwen 阅读(155) 评论(0) 推荐(0) 编辑