PDA

View Full Version : حرفه ای: مشكل در فايل منو سازي



s_mokhtari
سه شنبه 25 خرداد 1389, 09:01 صبح
با سلام
دوستان من يه فايل از اينترنت گرفتم كه منوهاي قشنگي داره ولي نميتونم اينو چطوري تو برنامه استفاده كنم
با تشكر
خيلي عجله دارم

profnami
سه شنبه 25 خرداد 1389, 11:38 صبح
فایل جاوا اسکریپت رو اضافه کنید :

<script type="text/javascript" src="sdmenu/sdmenu.js">
</script>
بعد اسکریپت جایگزینی رو بنویسید :


<script type="text/javascript">
// <![CDATA[
var myMenu;
window.onload = function() {
myMenu = new SDMenu("my_menu");
myMenu.init();
};
// ]]>

بعد هم Div هاتون رو به این صورت طراحی کنید :



<div style="float: left" id="my_menu" class="sdmenu">
<div>
<span>Online Tools</span>
<a href="http://tools.dynamicdrive.com/imageoptimizer/">Image Optimizer</a>
<a href="http://tools.dynamicdrive.com/favicon/">FavIcon Generator</a>
<a href="http://www.dynamicdrive.com/emailriddler/">Email Riddler</a>
<a href="http://tools.dynamicdrive.com/password/">htaccess Password</a>
<a href="http://tools.dynamicdrive.com/gradient/">Gradient Image</a>
<a href="http://tools.dynamicdrive.com/button/">Button Maker</a>
</div>
<div>
<span>Support Us</span>
<a href="http://www.dynamicdrive.com/recommendit/">Recommend Us</a>
<a href="http://www.dynamicdrive.com/link.htm">Link to Us</a>
<a href="http://www.dynamicdrive.com/resources/">Web Resources</a>
</div>
<div class="collapsed">
<span>Partners</span>
<a href="http://www.javascriptkit.com">JavaScript Kit</a>
<a href="http://www.cssdrive.com">CSS Drive</a>
<a href="http://www.codingforums.com">CodingForums</a>
<a href="http://www.dynamicdrive.com/style/">CSS Examples</a>
</div>
<div>
<span>Test Current</span>
<a href="?foo=bar">Current or not</a>
<a href="./">Current or not</a>
<a href="index.html">Current or not</a>
<a href="index.html?query">Current or not</a>
</div>
</div>

کافی بود سورس برنامه رو نگاه کنید . در ضمن به ID که به Div منو میدید دقت کنید