大家看一下新浪财经首页左边栏顶部的带有1、2、3、4循环滚动的图片是怎么搞出来的？

Question

还有http://www.shift6-6.com/、http:\\www.vancl.com等网站的首页都有类似的东东。问题如题目，请高手解答。最好给我发一下代码，因为我的客户端技术比较臭。不够加分。

Answer 1

要js的还是flash的,如果你是要flash的,就去163或者sina下载对应的flash文件,然后按照差数,传入文件名称及连接地址
你如果要js的,因为还包括css,直接发上来太多,可以加我发一份给你

Answer 2

http://www.vancl.com/这个flash主要实现部分,样式你都可以下载下来<DIV id=play>
<DIV id=play_list><A href="http://www.vancl.com/zhuanti/niujinfang_081015.htm" target=_blank><IMG src="http://images.vancl.com/Others/2009/2/13/but_home_mid_1_1_090213_01.jpg"><IMG src="http://images.vancl.com/Others/2009/2/13/but_home_mid_1_1_090213_02.jpg"><IMG src="http://images.vancl.com/Others/2009/2/13/but_home_mid_1_1_090213_03.jpg"></A> <A href="http://www.vancl.com/zhuanti/valentine_090203.htm" target=_blank><IMG src="http://images.vancl.com/Others/2009/2/6/qinrenjie11.jpg"><IMG src="http://images.vancl.com/Others/2009/2/6/qingrenjie22.jpg"><IMG src="http://images.vancl.com/Others/2009/2/6/qingrenjie33.jpg"></A> <A href="http://shopping.vancl.com/Shopping/SelfSuit_Check.aspx?SuitID=Z0000062" target=_blank><IMG src="http://images.vancl.com/Others/2009/2/9/but_home_mid_1_2_090209_01.jpg"><IMG src="http://images.vancl.com/Others/2009/2/9/but_home_mid_1_2_090209_02.jpg"><IMG src="http://images.vancl.com/Others/2009/2/9/but_home_mid_1_2_090209_03.jpg"></A> <A href="http://shopping.vancl.com/Product/ProductList/292-1-------.html" target=_blank><IMG src="http://images.vancl.com/Others/2008/12/23/but_home_mid_1_3_081223_01.jpg"><IMG src="http://images.vancl.com/Others/2008/12/23/but_home_mid_1_3_081223_02.jpg"><IMG src="http://images.vancl.com/Others/2008/12/23/but_home_mid_1_3_081223_03.jpg"></A> <A href="http://shopping.vancl.com/Shopping/SelfSuit_Check.aspx?SuitID=Z0000049" target=_blank><IMG src="http://images.vancl.com/Others/2009/2/6/but_home_mid_1_4_090206_01.jpg"><IMG src="http://images.vancl.com/Others/2009/2/6/but_home_mid_1_4_090206_02.jpg"><IMG src="http://images.vancl.com/Others/2009/2/6/but_home_mid_1_4_090206_03.jpg"></A> </DIV>
<DIV id=play_text>
<UL>
<LI>1 
<LI>2 
<LI>3 
<LI>4</LI></UL></DIV></DIV>
<SCRIPT type=text/javascript> 
var t = n = 0, count=4;
 count= $("#play_list a").size()
 $("#play_list a:not(:first-child)").hide();
 $("#play_text li").eq(0).css({"background":"#7f0019","color":"#fff","font-weight":"bolder"})
 $("#play_text li").mouseover(function() {
  var i = $(this).text() - 1;
  n = i;
  if (i >= count) return;
  $("#play_list a").filter(":visible").hide().parent().children().eq(i).show();
  $(this).css({"background":"#7f0019","color":"#fff","font-weight":"bolder"}).siblings().css({"background":"#fff","color":"#7f0019","font-weight":"normal"});
 });
 t = setInterval("showAuto()", 10000);
 $("#play").hover(function(){clearInterval(t)}, function(){t = setInterval("showAuto()", 10000);});
function showAuto()
{
 n = n >= (count - 1) ? 0 : ++n;
 $("#play_text li").eq(n).trigger('mouseover');
}
</SCRIPT>

Answer 3

网上一抓一大把
http://www.lanrentuku.com/http://www.lanrentuku.com/这里有个免费的下载地址带源码的

Answer 4

回复Fibona：
邮件发出后，回复一下，结贴！