افکت دادن در Jquery

[سئو فاکس 27]

سلام من یک تب جی کوری درست کردم , و میخوام یک افکت خوشگل بهش بدم و از شر افکت Fadein و SHow خلاص شم ! اگر میشه به این کد یه افکت anitame بدید تا یاد بگیرم :

$("#div").click(function()
{
	 $("#div").fadeIn(600);
});

خیلی ممنون

ویرایش شده تیر 93 توسط محمد رضایی

[imanfakhar 26231]

برذای تب چه افکتی با animate می خواهید بدید افکتتون رو مشخص کنید تا بشه کدش رو نوشت معمولا برای تب مناسبترین افکت slideToggle است

$("#div").click(function()
{
		 $("#div").slideToggle(500);
});

البته دئر تب نباید کلید و تب هر دو یک آی دی داشته باشند من کد خودتون رو ویرایش کردم اگر افکت دیگه ای مد نظرتونه توضیح کامل بگذارید

[سئو فاکس 27]

خیلی خیلی ممنون دقیفا همین افکت رو میخواستم ولی یه سوال دیگه ! چجوری باید این افکتو به یک منو آبشاری داد ! مثال :

http://themes.tielabs.com/sahifa/ar/

ویرایش شده تیر 93 توسط محمد رضایی

[imanfakhar 26231]

لینک رو فرصت نکردم ببینم ولی حالت کلیش

$(document).ready(function() {
$("ul").hide();
$(".menu>li a").mouseover(function() {
$(this).nextAll("ul").slideDown(500);
});
$(".menu ul").mouseout(function() {
$(this).slideup(500);
});
})

و استایل

.menu>li {
position:relative;
}
.menu ul {
display:block;
position:absolute;
background:#fff;
z-index:999;
}

[Alireza Xn 1644]

اگر افکت های بیشتری هم بخواهید میتونید با استفاده از پلاگین های جی کوئری اونها رو به کتابخانه اصلیش اضافه کنید .

در حالت پیشفرض جی کوئری فقط شامل چند افکت انیمیشنی هستش که با استفاده از این پلاگین میتونید افکت های بیشتری رو بهش اضافه کنید .

http://jqueryui.com/effect/

[سئو فاکس 27]

با تشکر از استاد و آقا علیرضا ولی من نمیتونم افکت بدم یعتی در فراخوانی آیدی ها مشکل دارم اگه امکانش هست اینکارو واسم انجام بدید این کد منو :

<div id="menu">
<ul class="top-menu">
	          <li><a href="#">صفحه اصلی</a></li>
			  <li><a href="#">درباره ما</a></li>
              <li><a href="#">ارسال مطلب</a></li>
             <li><a href="#">تماس با ما</a></li>
	 </ul>
</div>

ویرایش شده تیر 93 توسط محمد رضایی

[Alireza Xn 1644]

ببینید سادست فقط باید با شرط گذاری این کارو انجام بدید مثلا وقتی که روی آیدی A کلیک شد آیدی X نمایش داده بشه .

<div id="menu">

<ul class="top-menu">
<li id="box1"><a href="#">صفحه اصلی</a></li>
<li id="box2"><a href="#">درباره ما</a></li>
<li id="box3"><a href="#">ارسال مطلب</a></li>
<li id="box4"><a href="#">تماس با ما</a></li>
</ul>

</div>


<div class="content">

<div class="bx1">
	 محتویات باکس اول
</div>

<div class="bx2">
	 محتویات باکس دوم
</div>

<div class="bx3">
	 محتویات باکس سوم
</div>
</div>

به این شکل ! پیشنهاد میکنم این مطلب رو هم بخونید تا کامل نحوه ساختشون رو یاد بگیرید - کلیک کنید

ویرایش شده تیر 93 توسط Alireza Xn

[imanfakhar 26231]

شما یه سئوال از تب می کنی یه سئوال از منوی دروپ دان منم باشم قاطی می کنم

[imanfakhar 26231]

تب را که فرمودند منوی کشویی: http://jsfiddle.net/fakhar/QRup7/

[سئو فاکس 27]

خیلی ممنون سورس رو از http://jsfiddle.net/fakhar/QRup7/ برداشتم و مثل منو خودم ادیت کردم همونی که میخوام شد

بسیار ممنون