css 图片的无缝滚动

转载：http://blog.sina.com.cn/s/blog_6387e82401013kx8.html

js的图片的横向或者竖向的无缝滚动图片。

ttp://zx.bjmylike.com/

http://zx.bjmylike.com/fe/release/js/index_4e1f23f.js

function marquee(e,i){
  var n=document.getElementById("marquee"+e),
  t=document.getElementById("marquee"+e+"_1"),
  s=document.getElementById("marquee"+e+"_2");
  if("up"==i)
    if(s.offsetTop-n.scrollTop<=0)
      n.scrollTop-=t.offsetHeight+20;
    else
      {var o=n.scrollTop;n.scrollTop++,n.scrollTop==o&&(n.scrollTop=1)}
  else 
    s.offsetWidth-n.scrollLeft<=0?n.scrollLeft-=t.offsetWidth:n.scrollLeft++}
  function marqueeStart(e,i){
    var n=document.getElementById("marquee"+e),
    t=document.getElementById("marquee"+e+"_1"),
    s=document.getElementById("marquee"+e+"_2");
    s.innerHTML=t.innerHTML;
    var o=window.setInterval("marquee("+e+", '"+i+"')",20);
    n.onmouseover=function(){window.clearInterval(o)},
    n.onmouseout=function(){o=window.setInterval("marquee("+e+", '"+i+"')",20)}
  }
    $(function(){
      $(".nav_second_list").mouseover(function(){$(this).addClass("nav_second_list1").find("i").addClass("ix").end().find("span").addClass("span1"),$(this).siblings().removeClass("nav_second_list1").find("i").removeClass("ix").end().find("span").removeClass("span1")}),
      $(".nav_second_list").mouseout(function(){$(this).removeClass("nav_second_list1").find("i").removeClass("ix").end().find("span").removeClass("span1")}),$(".box1_lr_title a").not(":first").hide(),
      $(".box1_lr_title h3").first().addClass("add_bg"),$(".box1_lr_cons").not(":first").hide(),$(".box1_lr_title h3").click(function(){$(this).siblings("a").eq($(this).index()-2).show().siblings("a").hide(),$(this).addClass("add_bg").siblings("h3").removeClass("add_bg"),
      $(".box1_lr_cons").eq($(this).index()-2).show().siblings().hide()}),$(".next").click(function(){$(".mid_c").animate({left:"-739px"},500,function(){$(".mid_c").append($(".mid_c li:first")),
      $(".mid_c").css({left:"0px"})})}),$(".prev").click(function(){$(".mid_c").prepend($(".mid_c li:last")),
      $(".mid_c").css({left:"-739px"}),$(".mid_c").animate({left:"0px"},500,function(){})}),$("#marquee1_1 li").hover(function(){$("#marquee1_1 li").children(".box3_l_zj").stop(!1,!0).eq($(this).index()).animate({bottom:"0px"},500)},function(){$("#marquee1_1 li").children(".box3_l_zj").stop(!1,!0).eq($(this).index()).animate({bottom:"-114px"},500)}),$("#marquee1_2 li").hover(function(){$("#marquee1_2 li").children(".box3_l_zj").stop(!1,!0).eq($(this).index()).animate({bottom:"0px"},500)},function(){$("#marquee1_2 li").children(".box3_l_zj").stop(!1,!0).eq($(this).index()).animate({bottom:"-114px"},500)})
    }),
    marqueeStart(1,"left");