soheilyou 3 ارسال شده در بهمن 92 گزارش بازنشر ارسال شده در بهمن 92 من میخوام یه منوی آبشاری واسه خودم درست کنم با css و jquery اساسش رو که تو یه فایل html ساده درست کردم به طوری که وقتی موس روی یه div میره juery یه div رو که مخفی بوده رو slidedown میکنه ! با این کد ها :Html : <!doctype html><html><head><meta charset="utf-8"><title>Untitled Document</title><link rel="stylesheet" type="text/css" href="style.css" ><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"> </script><!---------------------------------------------------------------------------------><script>$(document).ready(function(){ $(".mother").mouseenter(function(){ $("#child").slideToggle("fast"); }); $(".mother").mouseleave(function(){ $("#child").slideUp("fast"); }); $(".child").mouseleave(function(){ $("#child").slideUp("fast"); });});</script></head><body><div class="mother" id="mother"><div id="menuspace">slider </div><div class="child" id="child">slider </div></div></body></html>css:#mother{width:300px;height:100px;background-color:#F93;border: 1px solid black;margin-bottom:4px;}#child{width:300px;height:200px;background-color: #F3C;border: 1px solid #6CF;margin-bottom:4px;display:none;position:relative;}#menuspace{height:104px;}الان من میخوام همین مبنای منو های خودم باشه ولی مشکلی که دارم اینه که من برای محتویات منو از کد :<?php wp_nav_menu( array( 'theme_location' => 'top-menu', 'container' =>'nav', 'menu_class' =>'topnav' ) ); ?>استفاده میکنم و یه خروجی میده با یه سری nav و ul و li که میشه بهشون استایل داد ولی فقط با آدرس دادن نسبی مثلا اینجوری : nav > ul > li > a {font-family:BYekan, Tahoma, Geneva, sans-serif; padding: 10px 20px;}منظورم اینه که مثلا برای یه دونه از دسته های خاص نمیشه کلاس یا آدی متمایز اختصاص داد ! اگه بتونم اینکار رو بکنم متونم دونه دونه از قسمت های خروجی رو با کلاس های متمایز جدا کنم و اونوقت مشخص کنم که مثلا وقتی موس رو div با Id="mother" رفت div با id="child" رو slidedown کنه ! نقل قول لینک به ارسال
Parsa 23463 ارسال شده در بهمن 92 گزارش بازنشر ارسال شده در بهمن 92 بررسی کنیدhttp://forum.wp-pars...enu#entry127629http://forum.wp-pars...enu#entry128277 1 نقل قول لینک به ارسال
پست های پیشنهاد شده
به گفتگو بپیوندید
هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .