求三面翻广告代码

来源:百度知道 编辑:UC知道 时间:2024/06/08 10:00:53
能达到慧聪网站(http://www.ch360.com)顶部的效果,
因为我使用的是平台建站,图片上传到平台,在页面中之需要复制代码即可,也就是说这个三面翻广告可以滚动文字,并且可以直接编辑文字(预览的时候可以直接复制文字,不会像flash那样的不能编辑)
我曾经讲一个焦点轮播程序改成,三面翻的样式,然后用层隐藏控制图片的数字按钮可以达到三面翻的效果,可是位置却有偏差,
上面的网址错了。。。汗!~ 这个是 http://www.hc360.com 。。

我是楼主这是我改自一个轮播位的代码
head部分:
<style type="text/css">
/* iFocus style */
#ifocus {
width:1000px;
height:33px;
margin:0px;
border:1px;
position: relative;
}
#ifocus_pic { display:inline; position:relative; float:left; width:981px; height:33px; overflow:hidden;}
#ifocus_piclist { position:relative; }
#ifocus_piclist li { width:970px; height:33px; overflow:hidden; }
#ifocus_piclist img { width:970px; height:33px; }
#ifocus_btn { display:inline; float:right; width:0px;}
#ifocus_btn li { width:1px; height:1px; cursor:pointer; opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=100); }
#ifocus_btn img { width:4px; height:2px; }
#ifocus_btn .current { background: url(images/ifocus_btn_bg.gif) repeat; opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=100); }
#ifocus_opdiv { position:absolute; left:0; bottom:0; width:410px; height:33px; opacity:0.5; -moz-opacity:0.