رفتن به مطلب

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


پست های پیشنهاد شده

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

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


<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);

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

لینک به ارسال

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

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


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

لینک به ارسال

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

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

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

لینک به ارسال

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


<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>

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...