- 在线时间
- 368 小时
- 专家
- 0
- UID
- 248599
- 注册时间
- 2006-3-17
- 帖子
- 163
- 精华
- 1
- 积分
- 469
- 离线
- 237 天
专长: 前端制作,Javascript编程,用户体验
- 帖子
- 163
- 体力
- 451
- 威望
- 18
|
发表于 2008-8-29 16:05:34
|显示全部楼层
突然看到土豆网首页图片轮换效果很漂亮, 于是就想动手学学那轮换效果的制作, 而土豆上是flash制作的, 借鉴下pageChang想法, 用js也可实现, 暂先把这种焦点轮换命名为FocusChange.
1.对焦点图片下方进行透明处理.兼容ie6 ie7 ff透明效果
2.通过鼠标移动到不同的四小图片时,通过改变图片所处父节点id=focus_change_list的left值取得效果
3.默认下每5秒执行一次函数autoFocusChange(),来实现图片自动变换
提示:您可以先修改部分代码再运行
本人能力有限, 不足之处, 欢迎大家提出批评指正
你也可以预览:http://www.byzuo.cn/demo/focus_change/index.html
[ 本帖最后由 dianfish 于 2008-8-31 11:55 编辑 ] |
-
总评分: 威望 + 1
查看全部评分
|