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

[wpdm_package id=’752′]

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>


[wpdm_package id=’752′]