spacer

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="http://www.ebi.ac.uk/inc/js/linkmenu.js" type="text/javascript"></script>


To customise the width of the menu, click here.


spacer
spacer