منوی متحرک از راست به چپ

[M.Javad 684]

سلام.تو بعضی سایت ها دیدم که عکس ها از راست به چپ حرکت میکنن و یکی از راست خارج میشه و یکی دیگه از چپ وارد میشه

من خودم بالا به پایینشو ساختم ولی راست به چپشو هرکاری کردم نشد

<div class="footer-main">
			 <ul>
				 <li><a></a></li>
				    <li><a></a></li>
				    <li><a></a></li>
				    <li><a></a></li>
				    <li><a></a></li>
				    <li><a></a></li>
				    <li><a></a></li>
				    <li><a></a></li>
			    </ul>
		    </div>

.footer-main{
width:100%;
height:200px;
border:1px solid #CCC;
background:#999999;
margin:10px auto;
-moz-border-radius:5px;
-o-border-radius:5px;
-ms-border-radius:5px;
-webkit-border-radius:5px;
z-index:2;
overflow:hidden;
visibility:visible;
}
.footer-main ul{
list-style-type:none;
left:-100px;
position:relative;
z-index:1;
}
.footer-main ul>li{
width:30%;
height:170px;
margin-top:7px;
margin-right:20px;
border:1px solid #CCC;
-moz-border-radius:5px;
-o-border-radius:5px;
-ms-border-radius:5px;
-webkit-border-radius:5px;
float:left;
overflow:hidden;
}

function navmaghale(){
		 $('.footer-main ul>li:first').appendTo('.footer-main ul');
		 }
setInterval(function(){
navmaghale();
},4000);

این چه مشکلی داره؟

[Black_Sky 6349]

اگر منظورتون بنرها و... مثل سايت ير هست ميشه با اسلايدر و جي كوئري ساخت

با كد زير هم توي html ميشه قرار داد

<marquee direction="right" scrollamount="2" scrolldelay="120" onmouseover="this.stop()" onmouseout="this.start()">
آدرس عكس ها با كد عكس
</marquee>

[M.Javad 684]

نه نه منظورمو نفهمیدی

مثلا سایت خودمو ببین قسمت مقالاتش www.sabz-design.ir هر 4 ثانیه یک li از کادر خارج میشه و یه li از پایین اضافه میشه

مثل اون میخوام حالا با این تفاوت که از چپ به راست باشه

[M.Javad 684]

مثل این سایت میخوام بشه که منوش از راست به چپ عوض میشه

قسمت محصولات برگزیده

http://nyazstore.com

[imanfakhar 26231]

کدی شبیه این می تونه باشه به شرط اتصال به کتابخانه جی کوئری + جستجو کنید

<script type="text/javascript">
<!--
function mySetInterval() {
  $(".mywidegt li").hide();
  $(".mywidegt li:nth-child(1)").show();
  setInterval(function(){
   $(".mywidegt li:nth-child(1)").slideUp(500);
   $(".mywidegt li:nth-child(2)").slideDown(500).delay( 4000 ).slideUp(500);
   $(".mywidegt li:nth-child(3)").delay( 5000 ).slideDown(500).delay( 4000 ).slideUp(500);
   $(".mywidegt li:nth-child(4)").delay( 9500 ).slideDown(500).delay( 4000 ).slideUp(500);
   $(".mywidegt li:nth-child(5)").delay( 14000 ).slideDown(500).delay(4000 ).slideUp(500);
   $(".mywidegt li:nth-child(6)").delay( 18500 ).slideDown(500).delay( 4000 ).slideUp(500);
   $(".mywidegt li:nth-child(7)").delay( 23000 ).slideDown(500).delay( 4000 ).slideUp(500);
   $(".mywidegt li:nth-child(8)").delay( 27500 ).slideDown(500).delay( 4000 ).slideUp(500);
   $(".mywidegt li:nth-child(9)").delay( 32000 ).slideDown(500).delay( 4000 ).slideUp(500);
   $(".mywidegt li:nth-child(10)").delay( 36500 ).slideDown(500).delay( 4000 ).slideUp(500);
   $(".mywidegt li:nth-child(1)").delay( 41000 ).slideDown(500).delay( 4000 );
   },4000);
};
mySetInterval();
//-->
</script>