ijquery

نظرسنجی

17 دیدگاه / امتياز دهي / از

screenshot

با استفاده از این جی کوئری می توانید یک بخش نظر دهی ایجاد کرد .

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

  1. قبل از تگ </head> 
    <style type="text/css">
.votecard {
	background: url(images/sprite.png) no-repeat 0 0;
	padding: 4px;
	width: 63px;
	height: 43px;
	text-align: center;
}

.votecard div {
	position: relative;
	overflow: hidden;
	width: 63px;
	height: 43px;
}

.votecard em {
	display: block;
	position: relative;
	width: 63px;
	height: 33px;
	padding: 6px 0 6px 0;
	font: normal 24px/24px "Helvetica Neue","Helvetica","Arial",Sans-serif;
	color: #45453f;
}
.votecard strong {
	font-weight: bold;
}
.votecard span {
	font-size: 10px;
	line-height: 10px;
	display: block;
	color: #9a9a94;
}
a.voteaction {
	margin: 0 0 0 3px;
	display: block;
	text-indent: -9999px;
	width: 71px;
	height: 21px;
	background: url(images/sprite.png) no-repeat -3px -75px;
}
a.voteaction:hover {
	outline: none;
	background-position: -3px -54px;
}
a.voted,
a.voted:hover {
	outline: none;
	background-position: -3px -96px;
	cursor: default;
}

</style>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
	/* create a node for the flip-to number */
	$(".votecard em").clone().appendTo(".votecard div");
	/* increment that by 1 */
	var node = $(".votecard em:last strong")
	node.text(parseInt(node.text())+1);

	function flip(obj) {
		obj.prev().find("em").animate({
			top: '-=45'
		}, 200);
		obj.toggleClass("voted",true);
	}

	$('.voteaction').bind({
	  click: function(event) {
	    event.preventDefault()
	  },
	  mouseup: function() {
	    flip($(this));
		$(this).unbind('mouseup');
	  }
	});

});
</script>

     

  2. بعد از تک <body> 
    	<div class="votecard">
		<div>
			<em><strong>293</strong><span>Flips</span></em>
		</div>
	</div>
	<a class="voteaction" href="">Flippit</a>

	<script type="text/javascript">
	var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
	document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
	</script>
	<script type="text/javascript">
	try {
	var pageTracker = _gat._getTracker("UA-8108740-1");
	pageTracker._trackPageview();
	} catch(err) {}</script>

     


پیش نمایش دانلود فایل پلاگین

17 دیدگاه دربارهٔ «نظرسنجی»

  1. مهران آزادی

    با سلام و تبریک بابت سایت وزینی که راه اندازی کرده اید. من برای تهیه مثالهای کاربردی جی کوئری خیلی بین سایتهای خارجی گشتم، هیچ سایتی رو به جذابی سایت شما ندیدم.
    به همین خاطر پیشنهاد می کنم بخش انگلیسی سایت رو هم راه اندازی کنید مطمئن هستم ظرف مدت کوتاهی سئو سایتتون بالا خواهد رفت.
    خداقوت و متشکرم
    مهران آزادی

    پاسخ
  3. محمد علی منصوری

    سلام .
    اول که ممنون بابت این سایت خوب و واقعا خسته نباشید .
    دوما ، کادری که کدهاتونو داخلش مینویسید ، اینکه شماره داره و … چه پلاگینیه ؟ چطور میتونم تهیه اش کنم ؟

    پاسخ
  8. ابوالفضل عرب

    با سلام
    اگه میشه یه سیستم کامل نظر سنجی برای دانلود بزارین.
    برای استفاده از این پلاگین باید از زبان php هم استفاده کرد؟

    پاسخ
  9. فردین

    سلام آقا مهدی
    میشه راهنمایم کنی چطوری کاری کنم که هر کاربر فقط یک بار بتونه امتیاز بده؟؟؟؟؟؟؟؟؟؟
    با تشکر

    پاسخ
  10. علی

    سلام
    خیلی خیلی ممنون از سایت خوبتون تازه فهمیدم که jqeury چه قدر برای سایت لازمه ممنون

    پاسخ

دیدگاه‌ خود را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *