打印

仿土豆网首页效果, 焦点图片切换效果

本主题由 caiying2007 于 2008-8-29 18:18 限时高亮
突然看到土豆网首页图片轮换效果很漂亮, 于是就想动手学学那轮换效果的制作, 而土豆上是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 编辑 ]
本帖最近评分记录
  • zhuyinhong 威望 +1 谢谢分享 2008-12-21 22:17
http://byzuo.com
值得收藏,留个名随时来。
值得收藏,留个名随时来。
aiz8.cn

TOP

认证您的手机,获得手机认证图标, 更多手机认证的好处


不客气的拿去用了...

ps:Opera也支持...
囧~20字节太短,写不下
真强大,收集一份。

TOP

确实不错,留个名先
iqqfzl.cn

TOP

建议封装一下....可以直接引用,如果楼主受权,我来封

TOP

不错不错 自己动手丰衣足食啊
FLASH  09新版诚征友链

TOP

收下了,谢谢。
www.Yoinks.cn

TOP

效果挺好的,谢谢了!
奋斗不止!

TOP

引用:
原帖由 阿智 于 2008-8-30 20:05 发表
建议封装一下....可以直接引用,如果楼主受权,我来封
我替楼主授权你,封吧,大家都需要
学习div+css中,欢迎交流....

TOP

还有一些小bug存在.....要先修改一下...然后会封装下载的.
http://byzuo.com

TOP

期待中啊,兄弟

TOP

不错,看上去也挺美观的

TOP

有BUG,鼠标划动过程停下来,有时图片显示的不是对应的图片
收藏吧,收藏了大量精彩网址、学习资料(http://www.sc8.cn)

TOP

关注下,不错的效果,就是有时候又楼上说的BUG存在,希望能调整封装下!!

TOP

你这个确实可以用,我嵌入后能够运行。请帮我忙解决下面的问题把!拜托

我急需一个FLASH,荡了格http://ad.jz123.cn/ad/96/jz123_96.rar,但该文件下载后HTM文件打开可以用,SWF里却是空白的。

此外,我用<!--#include file="index.html"-->嵌入ASP网页后后,当地的服务器上也没有任何显示。

不知道是不是所谓的相对路径出现了问题,请大家帮忙我解决下。越详细越好!

TOP

做个记号,这个效果不错,非常喜欢……
楼主加油~

TOP

这些效果网络上好像一大把

TOP

等待中。。。。。。。。。。。。

TOP

好厉害啊!
http://ex4fun.com

TOP

很干净。。不错。。`嘿。收藏。`

TOP

等待封装的

TOP



 提示:您可以先修改部分代码再运行
修整了一些小问题 ,大家可以打包下载..我在里面more.html此页面加了一些注释,方便大家修改..... 封装下载地址

1.对焦点图片下方进行透明处理
2.通过鼠标移动到不同的四小图片时,通过改变图片所处父节点id=focus_change_list的left值取得效果
3.默认下每5秒执行一次函数autoFocusChange(),来实现图片自动变换效果
4.当鼠标移到图片上时停止滚动
5.此效果兼容浏览器ie6、ie7、FF2.0、F3.0、opera9.5
学JS不长,个人能力有限,只是试着写,有不好的地方大家请指正....

你也可以预览: http://www.byzuo.cn/demo/focus_change/index.html

[ 本帖最后由 dianfish 于 2008-9-1 23:29 编辑 ]
本帖最近评分记录
  • caiying2007 威望 +2 支持原创 (请处理#34) 2008-11-19 16:54
http://byzuo.com

TOP

仿土豆网首页效果, 焦点图片切换效果

仿土豆网首页效果, 焦点图片切换效果

TOP

很不错,支持一下。期待更好的作品奉献给大家。

TOP

我也写过一个类似的

不过我是参照alibaba

TOP

IE下OK,opera下貌似有点小问题(鼠标放在第一幅图片,显示的是第二幅).
不过已经很强了,精彩的效果.

TOP

看起来很拽。。

TOP

看起来很拽

TOP