spacer
EBIEBI Style TemplatesStatic Style TemplatesEdit/Add Centre Content Creat a Pop Up Menu

Static html Template - Create a Pop Up Menu with Custom Width


This demo shows you how to make a menu that pops up over a link with a set of options to choose from.

Complicated Demo


Roll over the accessions to see a 2 level menu.

Accession Entry Name Protein Names Genes Organism Length
ARSE_HUMAN Arylsulfatase E precursor (EC 3.1.6.-) (ASE) ARSE
 Homo sapiens (Human) 589
A5D7J7_BOVIN MGC155058 protein (Arylsulfatase E). MGC155058
 Bos taurus (Bovine) 589

Simple Demo





The code for this is:

<ul id="bodynav2" class="bodynav">
    <li class="bodynavli"><a href="/">DEMO</a>
        <ul>
        	<li class="bodynavli"><a href="/">Link</a>
            <ul>
                <li class="bodynavli"><a href="/">Link</a></li>
                <li class="bodynavli"><a href="/">Link</a></li>
                <li class="bodynavli"><a href="/">Link</a></li>
            </ul>
        	</li>
        	<li class="bodynavli"><span>No link here</span>

            <ul>
                <li class="bodynavli"><a href="/">Link</a></li>
                <li class="bodynavli"><a href="/">Link</a></li>
                <li class="bodynavli"><a href="/">Link</a></li>
            </ul>
        	</li>
        	<li class="bodynavli"><a href="/">Link</a></li>
        </ul>
    </li>
</ul>
<script src="/inc/js/linkmenu.js" type="text/javascript"></script>


To customise the width of the menu, click here.


spacer
spacer