+ -
当前位置:首页 → 问答吧 → 幻灯片轮换-102 (kakaFocus)

幻灯片轮换-102 (kakaFocus)

时间:2010-06-04

来源:互联网

kakaFocus.jpg (129.94 KB)
2010-6-4 12:01


有一些跟以前和现在网上常解决想法的不同点是,当滚动到末张时,不倒退回第一张,而进行继续往下走的方式,这样会给更喜感视觉享受,是不是可以说这好比无间断跑马灯的。

在制作间我在给右下角小圆角(节点banner_pages下)使用a标签进行背景图片处理,然后文字text-indent:-9999px; 并对小图点进行浮动hover效果background-position定位移动处理,在IE6下会有严重的闪动现象。无奈选用了在body处加如下代码实现

onload=”document.execCommand(‘BackgroundImageCache’,false,true)”

后想如果把a标签改成span,并对span:hover效果处理,对hover伪类在IE6中得不到很好的支持进行抛弃。从而达到IE6闪动的解决。

.banner_pages li span { .. }
.banner_pages li span:hover { … }

预览:  http://byzuo.com/demo/jq/focusbox-102/
下载:http://www.box.net/shared/59l8qxtzee

focusbox-102(kakaFocus).zip (119.52 KB)
focusbox-102(kakaFocus).zip (119.52 KB)
下载次数: 56
2010-6-4 12:12


[ 本帖最后由 dianfish 于 2010-6-4 12:12 编辑 ]

作者: dianfish   发布时间: 2010-06-04

收藏了,很漂亮~~

作者: KOEN301   发布时间: 2010-06-04

在认真研读完论坛的各位大师的代码后 这种效果现在俺裸写都能比用了jquery的还要短了

作者: hotcrab2008   发布时间: 2010-06-04

引用:
原帖由 hotcrab2008 于 2010-6-4 14:05 发表
在认真研读完论坛的各位大师的代码后 这种效果现在俺裸写都能比用了jquery的还要短了
呃,,别太打击他

作者: anyl   发布时间: 2010-06-04

不错不错~~~

作者: hxz55   发布时间: 2010-06-04

支持一下。。。。。

作者: jgs1982   发布时间: 2010-06-04

热门下载

更多