Skip to content
Find file
Fetching contributors…
Cannot retrieve contributors at this time
77 lines (58 sloc) 1.88 KB
<html>
<head>
<title>Fisheye Menu test</title>
<script type="text/javascript" src="XBL.js"></script>
<style type="text/css">
@import url(FisheyeMenu.css);
* {font-size:12px; font-family:Arial,sans-serif;}
#no-image {list-style-image:none !important;} /*test what happens when no icon*/
/* hook up the control panel: */
#controller {margin:10em; -moz-binding:url(FisheyeMenuController.xml#controller);}
#controller th {text-align:right;}
</style>
</head>
<body>
<h1>Test Fisheye Menu</h1>
<ul class="fisheye-menu" id="menu">
<li><a href="http://lojjic.net">Label 1</a></li><!-- linked label -->
<li>Label 2 <!-- text label with child menu -->
<ul>
<li><a href="">Submenu</a></li>
<li><a href="">Submenu</a></li>
<li><a href="">Submenu</a></li>
</ul>
</li>
<li><span></span>Label 3<!-- empty element before text label -->
<ul>
<li><a href="">Submenu</a></li>
<li><a href="">Submenu</a></li>
<li><a href="">Submenu</a></li>
</ul>
</li>
<li><span></span><a href="TitleTips-test.html">Label 4</a></li><!-- empty element before linked label -->
<li id="no-image"><a href="#">Label 5</a></li>
<li><a href="#">Label 6</a></li>
<li>Label 7
<ul>
<li><a href="">Submenu</a></li>
<li><a href="">Submenu</a></li>
<li><a href="">Submenu</a></li>
</ul>
</li>
</ul>
<style type="text/css">
</style>
<div id="controller" title="menu">
<p><input type="button" onclick="
var menu = document.getElementById('menu');
var item = document.createElement('li');
var link = document.createElement('a');
link.href = 'http://lojjic.net';
link.appendChild(document.createTextNode('extra'));
item.appendChild(link);
menu.appendChild(item);
" value="Add Item" /></p>
</div>
<p style="margin-top:200em; margin-left:200em; text-align:right; font-size:.8em;">Making the page scroll...</p>
</body>
</html>
Something went wrong with that request. Please try again.