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

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

0

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


لینک به پست

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

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


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

4

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


لینک به پست

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

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

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

0

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


لینک به پست

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

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

http://nyazstore.com

0

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


لینک به پست

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


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

2

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


لینک به پست

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

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

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

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


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

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

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


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