::: در حال بارگیری لطفا صبر کنید :::Loading , please wait ...

انجمن کدستانMoisrex

MoisrexMoisrex.rozblog.com
زمان جاریtime : شنبه 16 تیر 1403 - 7:12 بعد از ظهر
نام کاربریusername : پسوردpassword : یاor عضویتregister | رمز عبور را فراموش کردمForgot your password?
شما در سایت ما ثبت نام نکرده اید و یا وارد اکانت کاربری خود نشده اید. از شما خواهشمند هستیم You are not log in to site. Please وارد شویدlogin یاor ثبت نام کنیدregister .
صفحه اصلیHome page / مشکلات ابزار ها و کد ها / درخواست کد جی کوئری این منو
درخواست کد جی کوئری این منو
تعداد بازدیدvisits : 403
salahk آفلاین



ارسال هاAnswers : 25
عضویتRegistration date : 8 /10 /1392
حمایت کردهThanks : 10
حمایت شدهThanked : 3
 درخواست کد جی کوئری این منو

با سلام و عرض ادب و احترام.

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

اگه میشه کد جی کوئری این منو رو بدین. (slideup و slidedown باشه بهتره)

کد:
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head> <title></title> <script type="text/javascript" src="jquery-1.7.2.min.js"></script> <style> * { margin:0; padding:0; border:0;}body { direction:rtl; font-family:Tahoma; font-size:11px; }a { text-decoration:none; color:#444; display:block; height:20px; width:70px; transition:all 0.3s;}

.menu { width:800px; border-radius:5px; height:35px; background:#f6f6f6; border:1px solid #eee; margin:30px 30px; padding:0 30px;} .menu ul li { color:#444; list-style:none; display:inline-block; width:70px; transition:all 0.3s; height:27px; padding-top:8px; text-align:center; margin:0 3px; } .menu ul li:hover { text-shadow:0px 0px 3px #111; background:#ddd; box-shadow:2px -2px 3px 0px #ccc inset; } .menu ul li ul { position:absolute; background:#f6f6f6; border-radius:0 0 5px 5px; width:80px; height:auto; margin-top:5px; } .menu ul li ul li { width:80px; margin:0; display:block; text-shadow:none; transition:all 0.3s; } .menu ul li ul li:hover { width:75px; margin:0; display:block; text-align:center; text-shadow:none; }

</style>

</head><body> <div class="ma"><div class="menu"> <ul> <li> <a href="#">خانه</a> <ul> <li> <a href="#">زیر موضوع</a> </li> <li> <a href="#">زیر موضوع</a> </li> <li> <a href="#">زیر موضوع</a> </li> </ul> </li> <li> <a href="#">انجمن</a> </li> <li> <a href="#">درباره ما</a> </li> <li> <a href="#">ورود به سایت</a> </li> <li> <a href="#">تماس با ما</a> </li> <li> <a href="#">طراح قالب</a> </li>

</ul></div>

</div></body></html>

هیچی امضا بی امضا
شنبه 01 شهریور 1393 - 10:20
ارسال پیامsend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
mahan12 آفلاین



ارسال‌هاAsnwers : 743
عضویتRegistration date : 21 /5 /1391
حمایت کردهthanks : 444
حمایت شدهThanked : 687
 پاسخAnswer 1 : درخواست کد جی کوئری این منو

سلام اینو میشه با hide و show و toggle و اسلاید نوشت ، من الان مینویسم براتون
(.) (.)

----------
شنبه 01 شهریور 1393 - 11:29
ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
adv-coder آنلاین آفلاین
[avatar_answeradv-coder]
[starsadv-coder]
 [rankingadv-coder]
ارسال‌هاAsnwers : [Count_Alladv-coder]
عضویتRegistration date : [registerdateadv-coder]
محل زندگیLiving position : [cityadv-coder]
سنAge : [age_answeradv-coder]
شناسه یاهوYahoo ID : [yahooadv-coder]
تعداد اخطارWarnings : [warningadv-coder]
حمایت کردهthanks : [thanksadv-coder]
حمایت شدهThanked : [thanksadv-coder]
 پاسخAnswer 2 : درخواست کد جی کوئری این منو

نقل قول از mahan12

سلام اینو میشه با hide و show و toggle و اسلاید نوشت ، من الان مینویسم براتون

با slideTogge باید نوشت.
[emzaadv-coder]
شنبه 01 شهریور 1393 - 11:33
وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
حمایت شده حمایت شده: سپاس هاThanks (1) : mahan12 -
mahan12 آفلاین



ارسال‌هاAsnwers : 743
عضویتRegistration date : 21 /5 /1391
حمایت کردهthanks : 444
حمایت شدهThanked : 687
 پاسخAnswer 3 : درخواست کد جی کوئری این منو

کد:
<!DOCTYPE html><head> <title></title> <script type="text/javascript" src="jquery-1.7.2.min.js"></script> <style> * { margin:0; padding:0; border:0;}body { direction:rtl; font-family:Tahoma; font-size:11px; }a { text-decoration:none; color:#444; display:block; height:20px; width:70px; transition:all 0.3s;} .menu { width:800px; border-radius:5px; height:35px; background:#f6f6f6; border:1px solid #eee; margin:30px 30px; padding:0 30px;} .menu ul li { color:#444; list-style:none; display:inline-block; width:70px; transition:all 0.3s; height:27px; padding-top:8px; text-align:center; margin:0 3px; } .menu ul li:hover { text-shadow:0px 0px 3px #111; background:#ddd; box-shadow:2px -2px 3px 0px #ccc inset; } .menu ul li ul { position:absolute; background:#f6f6f6; border-radius:0 0 5px 5px; width:80px; height:auto; margin-top:5px; } .menu ul li ul li { width:80px; margin:0; display:block; text-shadow:none; transition:all 0.3s; } .menu ul li ul li:hover { width:75px; margin:0; display:block; text-align:center; text-shadow:none; } </style> <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script><script>$(document).ready(function(e) { $(".menu").click(function(e) { $(".down-menu").slideToggle(500); });});

$(document).ready(function(e) { $(".down-menu").slideUp(0);});

</script>

</head><body> <div class="ma"><div class="menu"> <ul> <li> <a href="#">خانه</a> <ul class="down-menu"> <li> <a href="#">زیر موضوع</a> </li> <li> <a href="#">زیر موضوع</a> </li> <li> <a href="#">زیر موضوع</a> </li> </ul> </li> <li> <a href="#">انجمن</a> </li> <li> <a href="#">درباره ما</a> </li> <li> <a href="#">ورود به سایت</a> </li> <li> <a href="#">تماس با ما</a> </li> <li> <a href="#">طراح قالب</a> </li> </ul></div> </div></body></html>

بفرمایید با Slide toggle

(.) (.)

----------
شنبه 01 شهریور 1393 - 11:49
ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
حمایت شده حمایت شده: سپاس هاThanks (1) : salahk -
salahk آفلاین



ارسال‌هاAsnwers : 25
عضویتRegistration date : 8 /10 /1392
حمایت کردهthanks : 10
حمایت شدهThanked : 3
 پاسخAnswer 4 : درخواست کد جی کوئری این منو

ممنون
هیچی امضا بی امضا
شنبه 01 شهریور 1393 - 12:45
ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
salahk آفلاین



ارسال‌هاAsnwers : 25
عضویتRegistration date : 8 /10 /1392
حمایت کردهthanks : 10
حمایت شدهThanked : 3
 پاسخAnswer 5 : درخواست کد جی کوئری این منو

این که خرابه :((

وقتی میبرمش رو زیرمجموعه ها هی باز بسته میشه(تغییرش دادما)

کد:
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head> <title></title> <script type="text/javascript" src="jquery-1.7.2.min.js"></script><style>

* { margin:0; padding:0; border:0;}body { direction:rtl; font-family:Tahoma; font-size:11px; }a { text-decoration:none; color:#444; display:block; height:30px; width:70px; transition:all 0.3s;}

.menu { width:800px; border-radius:5px; height:35px; background:#f6f6f6; border:1px solid #eee; margin:30px 30px; padding:0 30px;} .menu ul li { color:#444; list-style:none; display:inline-block; width:70px; transition:all 0.3s; height:27px; padding-top:8px; text-align:center; margin:0 3px; } .menu ul li:hover { text-shadow:0px 0px 3px #111; background:#ddd; box-shadow:2px -2px 3px 0px #ccc inset; } .menu ul li ul { position:absolute; background:#f6f6f6; border-radius:0 0 5px 5px; width:80px; height:auto; margin-top:13px; } .menu ul li ul li { width:80px; margin:0; display:block; text-shadow:none; transition:all 0.3s; } .menu ul li ul li:hover { margin:0; display:block; text-align:center; text-shadow:none; }

</style>

<script> $(document).ready(function (e) { $(".menu ul li ul").toggle(500); $(".menu ul li").mouseover(function (e) { $(".menu ul li ul").toggle(500); }); $(".menu ul li ul").mouseover(function (e) { $(".menu ul li ul").toggle(500); }); });

</script></head><body> <div class="ma"><div class="menu"> <ul> <li> آرشیو <ul> <li> <a href="#">1390</a> </li> <li> <a href="#">1391</a> </li> <li> <a href="#">1392</a> </li> <li> <a href="#">1393</a> </li> </ul> </li> <li> <a href="#">انجمن</a> </li> <li> <a href="#">درباره ما</a> </li> <li> <a href="#">ورود به سایت</a> </li> <li> <a href="#">تماس با ما</a> </li> <li> <a href="#">طراح قالب</a> </li>

</ul></div>

</div></body></html>
هیچی امضا بی امضا
شنبه 01 شهریور 1393 - 18:32
ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport



moisrex
درباره ماAbout us لینک های ماOur links کلمات کلیدیKeywords
انجمن تخصصی کدستان ، ساخته شده توسط فردی با نام مستعار Moisrex می باشد.This forum designed by a person who called Moisrex.

ایمیلE-mail : Moisrex @ Gmail.com 		کدستان,انجمن کدستان,کدنویسی,انجمن پشتیبانی,فروم,رزبلاگ,آموزش کدنویسی,درخواست کد
تمامی حقوق این انجمن مربوط به همین انجمن می باشد | طراحی قالبCopyright (c) By Moisrex , All rights reserved | Desiger : Moisrex