How To Create Dynamic glide navigation with jQuery plugin

How To Create Dynamic glide navigation with jQuery plugin
How To Create Dynamic glide navigation with jQuery plugin


Marathi

Dynamic glide navigation कसे बनवाल ??

Step1: js आणि css file तुमच्या html पेज च्या मध्ये नमुद करून घ्या.

<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: खालील दिल्या प्रमाणे html ul list किंवा navigation बनून घ्या .

<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: तुमच्या html मध्ये 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>

English

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>