وبلاگ آموزشی پویاگستر

بهترین آموزش ها -کتب الکترونیک-اموزش آشپزی-آموزش فتوشاپ و ...

وبلاگ آموزشی پویاگستر

بهترین آموزش ها -کتب الکترونیک-اموزش آشپزی-آموزش فتوشاپ و ...

منو هایی با قابلیت باز و بسته شدن

این کد جاوایی که براتون می گذارم کد ایجاد منو هایی هست که قابلیت باز و بسته شدن دارند و خیلی جالب اند برای درست کردن این منو ها فقط کافیست این کد را کدهای قالب وبلاگ خود بگذارید و سپس خودتون با توجه به اسم موضوعاتتون نام پیش فرض اینها را تغییر دهید هر مشکلی هم داشتید می تونید در قسمت نظرات اعلام کنید نظر ها هم کم شده.

.curhand{cursor:hand} </style> <script language="javascript"> function displayit(paragraph,title,imgmenu){ if (document.all[paragraph].style.display=='none') {document.all[paragraph].style.display="block"; document.all[imgmenu].src="URL PIC 2"} else {document.all[paragraph].style.display="none"; document.all[imgmenu].src="URL PIC 2"} } function setoverstyles(paragraph,imgmenu,title){ if (document.all[paragraph].style.display=='none') {document.all[imgmenu].src="URL PIC 2"; document.all[title].style.textDecorationUnderline='true'} else {document.all[imgmenu].src="URL PIC 2"; document.all[title].style.textDecorationUnderline='true'} } function setoutstyles(paragraph,imgmenu,title){ if (document.all[paragraph].style.display=='none') {document.all[title].style.textDecoration='none'; document.all[imgmenu].src="URL PIC 1"} else {document.all[imgmenu].src="URL PIC 2"; document.all[title].style.textDecoration='none'} } sw=0; function displayall(){ if (sw==0) {swall.innerText="Hide all";document.all['x'].style.display='block';sw=1; for (i=1;i<=5;i++) { xmenu='menu'+i ; ximg='imgmenu'+i ; if (document.all[xmenu].style.display=='none') {document.all[xmenu].style.display="block";document.all[ximg].src="URL PIC 2"}}} else {swall.innerText="Show all";document.all['x'].style.display='none';sw=0; for (i=1;i<=5;i++) {xmenu='menu'+i;ximg='imgmenu'+i; if (document.all[xmenu].style.display=='block') {document.all[xmenu].style.display="none";document.all[ximg].src="URL PIC 1"}}} } function displayinline(text){ if (document.all[text].style.display=="none"<img border="0" src="Http://mihanblog.com/Yahoo/3.Gif">{document.all[text].style.display="inline"} else {document.all[text].style.display="none"} } </script> </head> <body> <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber1"> <tr> <td> <p align="center"> <span id="swall" onmouseover="this.style.textDecorationUnderline='true'" onmouseout="this.style.textDecoration='none'" class="curhand" onclick="displayall()"> Show All</span></td><br> </tr> </table><br> <p id='x' style="display:none"></p> <div onmouseover="setoverstyles('menu1','imgmenu1','title1')" onmouseout="setoutstyles('menu1','imgmenu1','title1')" class="curhand" onclick="displayit('menu1','title1','imgmenu1')" id="title1" style="position:static; width:150; height:15"> <img id="imgmenu1" border="0" src="URL PIC 1" width="12" height="12"> Persian Musics</div> <blockquote> <p><span id="menu1" style="display:none;"><span lang="en-us">fun</span><br> <span lang="en-us">sport</span><br> <span lang="en-us">online</span><br> <span lang="en-us">gime</span><br> <span lang="en-us">learn</span><br> <span lang="en-us">photo</span></span></p> </blockquote> <p></p> <div onmouseover="setoverstyles('menu2','imgmenu2','title2')" onmouseout="setoutstyles('menu2','imgmenu2','title2')" class="curhand" onclick="displayit('menu2','title2','imgmenu2')" id="title2" style="position:static; width:150; height:15"> <img id="imgmenu2" border="0" src="URL PIC 1" width="12" height="12"> Kharegi Musics</div> <p></p> <blockquote> <span id="menu2" style="display:none;">Item 1<br> Item 2<br> Item 3<br> Item 4<br> Item 5<br> Item 6<br> Item 7</span> </blockquote> <p></p> <div onmouseover="setoverstyles('menu3','imgmenu3','title3')" onmouseout="setoutstyles('menu3','imgmenu3','title3')" class="curhand" onclick="displayit('menu3','title3','imgmenu3')" id="title3" style="position:static; width:150; height:15"> <img id="imgmenu3" border="0" src="URL PIC 1" width="12" height="12"> Persian Videos</div> <p></p> <blockquote> <span id="menu3" style="display:none;">Item 1<br> Item 2<br> Item 3<br> Item 4<br> Item 5<br> Item 5<br> Item 6</span> </blockquote> <p></p> <div onmouseover="setoverstyles('menu4','imgmenu4','title4')" onmouseout="setoutstyles('menu4','imgmenu4','title4')" class="curhand" onclick="displayit('menu4','title4','imgmenu4');" id="title4" style="position:static; width:150; height:15"> <img id="imgmenu4" border="0" src="URL PIC 1" width="12" height="12"> Kharegi Videos</div> <p></p> <blockquote> <span id="menu4" style="display:none;"> Item 1<br> Item 2<br> Item 3<br> Item 4<br> Item 5<br> Item 6</span> </blockquote> <p></p> <div onmouseover="setoverstyles('menu5','imgmenu5','title5')" onmouseout="setoutstyles('menu5','imgmenu5','title5')" class="curhand" onclick="displayit('menu5','title5','imgmenu5')" id="title5" style="position:static; width:150; height:15"> <img id="imgmenu5" border="0" src="URL PIC 1" width="12" height="12"> Funyy Videos</div> <p></p> <blockquote> <span id="menu5" style="display:none;"> Item 1<br> Item 1<br> Item 2<br> Item 3<br> Item 4<br> Item 5</span> </blockquote>

برای تبادل لینک همین الان اقدام کنید

مصطفی احمدی سه‌شنبه 29 خرداد‌ماه سال 1386 ساعت 05:49 ب.ظ

نظرات 2 + ارسال نظر

Someone سه‌شنبه 29 خرداد‌ماه سال 1386 ساعت 06:13 ب.ظ http://yaveh-goyan.blogsky.com

موفق باشی
جالب بود

علی چهارشنبه 30 خرداد‌ماه سال 1386 ساعت 03:42 ق.ظ http://starsoft.mihanblog.com

سلام دوست عزیز
من از وبلاگ bia2mob.blogfa.com به starsoft.mihanblog.com نقل مکان کردم
در وب جدیدم هم شما رو لینک کردم بیزحمت من رو با نام ***دانلود رایگان بهترینها*** لینک کنید و اگه زحمتی نیست خبرم کنید
مرسی

برای نمایش آواتار خود در این وبلاگ در سایت Gravatar.com ثبت نام کنید. (راهنما)

نام

ایمیل

آدرس وبسایت

مشخصات مرا به خاطر بسپار

ایمیل شما بعد از ثبت نمایش داده نخواهد شد