طراحی وب سایت | طراحی سایت | شرکت طراحی وب سایت پروگ پارس

نظرسنجی

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

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

  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>

     

13 نظر

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

دانلود و پیش نمایش فایل نظرسنجی

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

سوالی دارید؟

● در تلگرام، پاسخگوی شما :)