[急]滚动问题
淘宝网http://www.taobao.com/index.php?from=top,首页的新闻向上滚动是怎么实现的?就是1.商城家电展销,全部行货正品折扣价,可开发票!
2.春季新款Fion专柜包,六六折香港代购 !
3.淘宝商城2月化妆品TOP30卖家新鲜出炉
三个往上滚动怎么实现
[解决办法]
<html>
<body>
<marquee direction= "up "> aaaaaaaaaaaa </marquee>
</body>
</html>
里面的aaaaaaaa就会向上滚动,
不知道lz是不是想实现这样的功能
[解决办法]
有专门的滚动代码,javascript写的,从网上嗖嗖
[解决办法]
同意mqcan(强者归来)
[解决办法]
它是用javascript实现的,http://community.csdn.net/Expert/topic/5423/vertical/inc/slidebox.js
<div id= "ADListRoll ">
<div id= "ADListRollContainer ">
<ul>
<li>
<div class= "slideFilm "> 1. <a href= "http://www.taobao.com/theme/promotion/mall.php/111092 " target= "_blank "> 商城家电展销,全部行货正品折扣价,可开发票! </a> </div>
</li>
<li>
<div class= "slideFilm "> 2. <a href= "http://list.taobao.com/browse/0/t-0------95-----------------g,mzuw63q---128-------------40-grid-commend-0-all-50000003.htm " target= "_blank "> 春季新款Fion专柜包,六六折香港代购 ! </a> </div>
</li>
<li>
<div class= "slideFilm "> 3. <a href= "http://www.taobao.com/theme/promotion/mall.php/113804 " target= "_blank "> 淘宝商城2月化妆品TOP30卖家新鲜出炉 </a> </div>
</li>
</ul>
</div>
</div>
<script type= "text/javascript " src= "vertical/inc/slidebox.js "> </script>
<script type= "text/javascript ">
new SlideBox( 'ADListRollContainer ', 2000, 'top ');
</script>
[解决办法]
在桌面上创建一个htm文件,把这个贴上去,执行一下:
<div id=Div0 style= "width:300px;height:200px; overflow:hidden ">
<div id= "Div1 ">
淘宝网http://www.taobao.com/index.php?from=top,首页的新闻向上滚动是怎么实现的?就是1.商城家电展销,全部行货正品折扣价,可开发票!
2.春季新款Fion专柜包,六六折香港代购 ! 3.淘宝商城2月化妆品TOP30卖家新鲜出炉 三个往上滚动怎么实现 mqcan(强者归来) ( ) 信誉:100
Blog 2007-03-27 18:16:27 得分: 0 ......... 里面的aaaaaaaa就会向上滚动, 不知道lz是不是想实现这样的功能 Top
</div>
<div id= "Div2 ">
淘宝网http://www.taobao.com/index.php?from=top,首页的新闻向上滚动是怎么实现的?就是1.商城家电展销,全部行货正品折扣价,可开发票!
2.春季新款Fion专柜包,六六折香港代购 ! 3.淘宝商城2月化妆品TOP30卖家新鲜出炉 三个往上滚动怎么实现 mqcan(强者归来) ( ) 信誉:100
Blog 2007-03-27 18:16:27 得分: 0 ......... 里面的aaaaaaaa就会向上滚动, 不知道lz是不是想实现这样的功能 Top
</div>
</div>
<script language= "javascript ">
Div0.start=function()
{
Div0.scrollTop++;
if(Div0.scrollTop> Div1.offsetHeight)
Div0.scrollTop=0;
setTimeout( "Div0.start(); ",20);
}
Div0.start();
</script>
[解决办法]
利用 <marquee> </marquee> 是一个省事的方法不过有点缺陷!
只要设计scrollamount的属性与几个副图片的高度一致就可以近似的实现上述功能
我用表格代替图片做了一个事例.大家可以复下去看一看效果.
<marquee width=400 height=450 direction=up bihavior=scroll onmouseover= "stop() " onmouseout= "start() " scrollamount=450 scrolldelay=1200 >
<table width= "400 " height= "1350 " border= "3 " cellpadding= "0 " cellspacing= "0 ">
<tr>
<td height= "450 " bgcolor= "#FF0000 "> 图片1 </td>
</tr>
<tr>
<td height= "450 " bgcolor= "#33CCFF "> 图片2 </td>
</tr>
<tr>
<td height= "450 " bgcolor= "#0033FF "> 图片3 </td>
</tr>
</table>
</marquee>