ورود

View Full Version : سوال: منو



rash44
سه شنبه 07 مرداد 1393, 18:05 عصر
سلام

دوستان اگر کسی یک نمونه از منوی بالایی سایت http://www.5040.ir سراغ داره لطفا معرفی کنه
ممنون

دانیال دزفولی
سه شنبه 07 مرداد 1393, 18:15 عصر
کجای منو توجه ت رو جلب کرده؟

rash44
سه شنبه 07 مرداد 1393, 18:30 عصر
کجای منو توجه ت رو جلب کرده؟

نظر مشتری هست دیگه

vimax23
سه شنبه 07 مرداد 1393, 18:48 عصر
سلام

دوستان اگر کسی یک نمونه از منوی بالایی سایت http://www.5040.ir سراغ داره لطفا معرفی کنه
ممنون
این رو بارها تو فوروم سئوال کردن
اصولا میخوایی منو یا تولتیپ بسازی که روی یه المانی ماوس رفت یه چیزی تو دیو یا اسپن یا هر چی دیگه نمایش داده بشه شما با position:relative; و position: absolute; سر کار داری یعنی اینکه اون دیوی که ثابت هست باید position:relative; باشه و اون دیوی که توش منو یا هر چی دیگه هست با position: absolute; کناره دیو ثابت بچسبونی همچنین مقدار رو display: none; بدی تا دیوی که میخواد موقع hover نشون داده بشه حالت پیش فرض مخفی باشه
مرحله بعدی اینه که باید با جاوااسکریپت باید یه .hover تعریف کنید بعد توش با یه تابعی اینطوری

function () {
$(this).next('.اسم کلاس دیوت').show();
}
و یکی دیگه واسه .hide()
همین

اینو اگر یاد بگیری تو 80 درصد پروژه های تجاری یه جاییش استفاده میشه

rash44
چهارشنبه 08 مرداد 1393, 08:42 صبح
این رو بارها تو فوروم سئوال کردن
اصولا میخوایی منو یا تولتیپ بسازی که روی یه المانی ماوس رفت یه چیزی تو دیو یا اسپن یا هر چی دیگه نمایش داده بشه شما با position:relative; و position: absolute; سر کار داری یعنی اینکه اون دیوی که ثابت هست باید position:relative; باشه و اون دیوی که توش منو یا هر چی دیگه هست با position: absolute; کناره دیو ثابت بچسبونی همچنین مقدار رو display: none; بدی تا دیوی که میخواد موقع hover نشون داده بشه حالت پیش فرض مخفی باشه
مرحله بعدی اینه که باید با جاوااسکریپت باید یه .hover تعریف کنید بعد توش با یه تابعی اینطوری

function () {
$(this).next('.اسم کلاس دیوت').show();
}
و یکی دیگه واسه .hide()
همین

اینو اگر یاد بگیری تو 80 درصد پروژه های تجاری یه جاییش استفاده میشه

سلام
طبق گفته های شما 1 منو طراحی کردم . اما یک مشکل وجود داره که جای div دوم توی مرورگرهای محتلف ثابت نیست . اگر خودتون توی موزیلا و ie بررسی کنید متوجه می شید . لطفا مشکل رو بررسی و در صورت امکان رفع کنید . لازم به ذکر است که محتوای این منو قراره از دیتابیس تامین بشه و تعداد منوها و زیر منوها متغیر هست .

vimax23
چهارشنبه 08 مرداد 1393, 13:12 عصر
سلام
طبق گفته های شما 1 منو طراحی کردم . اما یک مشکل وجود داره که جای div دوم توی مرورگرهای محتلف ثابت نیست . اگر خودتون توی موزیلا و ie بررسی کنید متوجه می شید . لطفا مشکل رو بررسی و در صورت امکان رفع کنید . لازم به ذکر است که محتوای این منو قراره از دیتابیس تامین بشه و تعداد منوها و زیر منوها متغیر هست .

کدتون رو بزارین تو http://jsfiddle.net/

rash44
پنج شنبه 09 مرداد 1393, 08:34 صبح
کدتون رو بزارین تو http://jsfiddle.net/

سلام
http://jsfiddle.net/NR8pX/

rash44
جمعه 10 مرداد 1393, 18:00 عصر
لطفا راهنمائی کنید

vimax23
شنبه 11 مرداد 1393, 03:28 صبح
سلام
http://jsfiddle.net/NR8pX/

چه شیر تو شیریه حال ندارم:لبخند: یه چند تا نمونه واست نوشتم ساده هست راحت متوجه میشی ببر رو منوت
نمایش زیر منو به کمک hover با سی اس اس بدون جاواسکریپت (http://jsfiddle.net/urz9k/)

اینا باید تو سورست اینکلود کنی کتابخونه جی کوئری رو
نمایش زیر منو به کمک removeClass و addClass جاوااسکریپت و سی اس اس (http://jsfiddle.net/9nKMf/1/)
نمایش زیرمنو به کمک visibility: hidden; و toggleClass جاوااسکریپت و سی اس اس (http://jsfiddle.net/xUPDW/)
نمایش زیر منو به کمک fadeToggle جاوااسکریپت و سی اس اس (http://jsfiddle.net/8U4fA/)
نمایش زیرمنو به کمک slideToggle جاواسکریپت و سی اس اس (http://jsfiddle.net/B4C9z/)

راههای بیشتری وجود داره ساده ترین ها اینا هست

8908183
شنبه 08 شهریور 1393, 13:43 عصر
دقیقا همین منو رو توی این سایت به صورت آموزش تصویری قرار داده..ازین فیلم ها استفاده کنید تمام مراحل ساخت منو با جزییات کامل توضیح داده..واقعا عالیه... البته چهار پنج قسمت هستش...حواستون به بقیه قسمت هاش هم باشه.

لینک فیلم:
http://clicksite.ir/article.php?id=47