一个javascript的左右滚动切换效果!
好久没写博客了,今天无聊做了个滚动的效果,
再加了一个进度显示。
document.getelementbyid("progress").getelementsbytagname("li")[i].style.background = "orange";
document.getelementbyid("progress").getelementsbytagname("li")[i-1].style.background = "#fff";
这个效果主要是对“前进”和“后退”进行判断.
if(i == arr.length-1){
return;
}
这里是当“前进”到最后一个背景色就停止并返回了.
speed -= 100/5;
con.style.left = parseint(speed) + "px";
这里对con的左定位进行计算,
if(speed
这里如果speed 小于或等于arr[i+1]就i++;
否则settimeout("move()",20);会一直执行move();
speed -= 100/5;//这里您还可以用自己的方式去计算。
代码里面的注释是为了方便测试!
整体代码:
前进
后退
绿色通道:好文要顶关注我收藏该文与我联系
posted @ 2011-06-10 10:47 深蓝色梦想 阅读(2018) 评论(4)编辑 收藏
发表评论
2122026
回复 引用 查看
#1楼[楼主] 2011-06-10 11:09 深蓝色梦想
顶一下
回复 引用
#2楼 2011-06-10 11:11 冰封121[未注册用户]
这个效果还可以,收藏了
回复 引用
#3楼 2011-06-10 11:12 颐中[未注册用户]
这个效果在网上也研究过很多了
回复 引用 查看
#4楼 2011-06-10 12:39 huyong
the article is quite good.
发表评论
昵称: [登录]
主页:
邮箱:(仅博主可见)
验证码:看不清。
换一个
评论内容:
记住我的昵称和主页
-->
[使用ctrl+enter键快速提交评论]
0
2077397
mwsycymd/a0=
最新it新闻:
» 更多新闻...
最新知识库文章:
======================================================
在最后,我邀请大家参加新浪APP,就是新浪免费送大家的一个空间,支持PHP+MySql,免费二级域名,免费域名绑定 这个是我邀请的地址,您通过这个链接注册即为我的好友,并获赠云豆500个,价值5元哦!短网址是http://t.cn/SXOiLh我创建的小站每天访客已经达到2000+了,每天挂广告赚50+元哦,呵呵,饭钱不愁了,\(^o^)/