一个javascript的左右滚动切换效果！javascript

一个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新闻:

·小米晒余额：支付宝昨日到账1.22亿

·windows 7官方rss动态主题：《昆虫》

·捡到iphone 4s玩自拍 icloud同步酿悲剧

·铁道部购票网站存泄密危险 cdn服务商技术短板是主因

·利用 mimo magictouch 打造另类的平板电脑

» 更多新闻...

最新知识库文章:

·设计师的品牌意识

·如何成为“10倍效率”开发者

·快速排序（quicksort）的javascript实现

·wcf服务端运行时架构体系详解[续篇]

·wcf服务端运行时架构体系详解[下篇]

» 更多知识库文章...

china-pub 2011秋季教材巡展

china-pub 计算机绝版图书按需印刷服务

======================================================
在最后，我邀请大家参加新浪APP，就是新浪免费送大家的一个空间，支持PHP+MySql，免费二级域名，免费域名绑定 这个是我邀请的地址，您通过这个链接注册即为我的好友，并获赠云豆500个，价值5元哦！短网址是http://t.cn/SXOiLh我创建的小站每天访客已经达到2000+了，每天挂广告赚50+元哦，呵呵，饭钱不愁了，\(^o^)/