Introduction:
Also known as "fixed menus" and "hovering menus", floating menus stay
in a fixed position when you scroll the page. They appear to "float" on
top of the page as you scroll.
Example:
<html>
<head>
<title></title>
</head>
<body>
<style>
div.floating-menu {position:fixed;background:#fff4c8;border:1px solid #ffcc00;width:150px;z-index:100;}
div.floating-menu a, div.floating-menu h3 {display:block;margin:0 0.5em;}
</style>
<div class="floating-menu">
<h3>Floating Menu</h3>
<a href="#">CSS</a>
<a href="#">HTML</a>
<a href="#">JavaScript</a>
<a href="#">ColdFusion</a>
<a href="#">MySpace Codes</a>
</div>
</body>
</html>
0 comments :
Post a Comment