1) Extract the files
2) Copy the folders "chromejs" and "chrometheme" in the same directory of your webpage
3) Insert this tag anywhere between the <head> and </head> section of the page where you want the menu:
Code:
<script type="text/javascript" src="chromejs/chrome.js">
4) Put the following code where you want the menu to appear
Code:
<div class="chromestyle" id="chromemenu">
<ul>
<li><a href="http://www.dynamicdrive.com">Home</a></li>
<li><a href="#" rel="dropmenu1">Resources</a></li>
<li><a href="#" rel="dropmenu2">News</a></li>
</ul>
</div>
<!--1st drop down menu -->
<div id="dropmenu1" class="dropmenudiv">
<a href="http://www.dynamicdrive.com/">Dynamic Drive</a>
<a href="http://www.cssdrive.com">CSS Drive</a>
<a href="http://www.javascriptkit.com">JavaScript Kit</a>
</div>
<!--2nd drop down menu -->
<div id="dropmenu2" class="dropmenudiv" style="width: 150px;">
<a href="http://www.cnn.com/">CNN</a>
<a href="http://www.msnbc.com">MSNBC</a>
<a href="http://news.bbc.co.uk">BBC News</a>
</div>
<script type="text/javascript">
cssdropdown.startchrome("chromemenu")
</script>
5) Modify the http links to reflect the links or files you want to refer
New Comer (less than 5 posts)
Chrome Drop Down Menu Help
Posting Permissions
Reply With Quote
Bookmarks