Attractive Menu
and Rolling Menu
<html>
<head>
<title> Rolling Rounded Menu with jQuery and CSS3</title>
<meta http-equiv="Content-Type"
content="text/html;
charset=UTF-8"/>
<link rel="stylesheet"
href="./style.css"
type="text/css"
media="screen"/>
</head>
<body>
<div class="roll_menu"
align='center'>
<div class="roll_item">
<a class="link
icon_home"></a>
<div
class="roll_item_content">
<h2>Home</h2>
<p>
<a href="#">About Us</a>
<a href="#">Sitemap</a>
<a href="#">Privacy</a>
</p>
</div>
</div>
<div class="roll_item"
style='margin-left:5px;'>
<a class="link
icon_script"></a>
<div
class="roll_item_content">
<h2>Scripts</h2>
<p>
<a href="#">PHP</a>
<a href="#">Javascript</a>
<a href="#">Jquery</a>
</p>
</div>
</div>
<div class="roll_item" style='margin-left:5px;'>
<a class="link
icon_tool"></a>
<div
class="roll_item_content">
<h2>Tools</h2>
<p>
<a href="#">Menu Builder</a>
<a href="#">statstics</a>
</p>
</div>
</div>
<div class="roll_item"
style='margin-left:5px;'>
<a class="link
icon_search"></a>
<div
class="roll_item_content">
<h2>Search</h2>
<p>
<input type="text"></input>
<a href="">Go</a>
</p>
</div>
</div>
</div>
<br /><div align='center' style="font-size: 10px;color: #dadada;" id="dumdiv">
<a href="#" id="dum" style="font-size: 10px;color: #dadada;text-decoration:none;color: #dadada;">©h</a></div>
<script type="text/javascript"
src="./jquery.js"></script>
<script type='text/javascript'
src="./menu.js"></script>
</body>
</html>
No comments:
Post a Comment