منو سوییت با جی کوئری و سی اس اس

با استفاده از این پلاگین می توانید منویی عمودی زیبا در سمت چپ سایت خود داشته باشید .

آموزش استفاده

۱- فراخوانی کتابخانه پلاگین و خصوصیت ها

        <link rel="stylesheet" href="main.css" type="text/css" />
	<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
        <script type="text/javascript" src="jquery.easing.js"></script>
        <script type="text/javascript" src="jquery.sweet-menu-1.0.js"></script>
		<script type="text/javascript"> 
			$(document).ready(function(){ 
                $('#backMenu').sweetMenu({
					top: 40,
					padding: 8,
					iconSize: 48,
					easing: 'easeOutBounce',
					duration: 500,
					icons: [
						'images/back.png'
					]
				});
				$('#exampleMenu').sweetMenu({
					top: 200,
					padding: 8,
					iconSize: 48,
					easing: 'easeOutBounce',
					duration: 500,
					icons: [
						'images/home.png',
						'images/comments.png',
						'images/red_heart.png',
						'images/male_user.png',
						'images/yellow_mail.png',
						'images/computer.png'
					]
				});
			});
		</script>

2-  کد html جهت استفاده پلاگین

        <ul class="fonts" id="exampleMenu">
            <li><a href="#">صفحه اصلی</a></li>
            <li><a href="#">وبلاگ</a></li>
            <li><a href="#">پروفایل</a></li>
            <li><a href="#">در باره ما</a></li>
            <li><a href="#">ارتباط با ما</a></li>
            <li><a href="#">تولیدات ما</a></li>
        </ul>