M.Javad

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

5 پست در این موضوع قرار دارد

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

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


<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 از پایین اضافه میشه

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

به اشتراک گذاری این پست


لینک به پست

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

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

http://nyazstore.com

به اشتراک گذاری این پست


لینک به پست

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


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

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری