dynamic-glide-navigation-with-jquery-plugin

How to Create Dynamic glide navigation with jQuery plugin

How to Create Dynamic glide navigation with jQuery plugin

Download3
Stock
File Size21.77 KB
Create DateNovember 10, 2016
Download

How to Create Dynamic glide navigation with jQuery plugin
?

Step1:include js and css files.

<link href="css/simplycode_menu.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/simplycode_menu.js"></script>

Step2:create html tag.

<div id="simplycode_menu1" class="simplycode_menu"> <div class="simplycode_menu_sprite"></div>
<ul>
<li><a href="http://www.simplycode.in/">Home</a></li> <li><a href="http://www.simplycode.in/">topic</a></li>
<li><a href="http://www.simplycode.in/">author</a></li>
<li><a href="http://www.simplycode.in/">blog</a></li> </ul></div>

Step3:add script.

<script language="javascript" type="text/javascript">
$(function() {
$("#simplycode_menu1").simplycode_menu({
menu_width:"100", 
menu_height:"30", 
menu_text_size:"15", 
menu_text_color:"#CCC", 
menu_sprite_color:"#666", 
menu_background_color:"#000", 
menu_margin:"5", 
sprite_speed:"normal", 
container:"simplycode_menu" })
});
</script>

Leave a Reply

Your email address will not be published. Required fields are marked *