JQUERY QUOVOLVER

By -

JQUERY QUOVOLVER คืออะไร…. เวลาแต่งหน้าเว็บเรามีข้อความ ที่ต้องการให้คนอื่นสนใจ หรือเป็นจุดเด่นๆขึ้นมา เราใช้ tag blockquote  ของ html ช่วยในการแสดงผล… ถ้ายังสงสัยอยุ่ว่ามันคืออะไร ดู DEMO หรือ DOWNLOAD ได้ตามลิงค์นี้ ส่วนการใช้งานก็ง่ายแสนง่าย

ในส่วนของสคริป ภายใต้ head ของ html

	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js"></script>
	<script type="text/javascript" src="jquery.quovolver.js"></script>
 
	<!-- JavaScript Test Zone -->
	<script type="text/javascript">
	$(document).ready(function() {
 
		$('blockquote').quovolver();
 
	});
	</script>

ในส่วนภายใต้ body ของ html

		<blockquote>
			<p>Ut eu consectetur nisi. Praesent facilisis diam nec sapien gravida non mattis justo imperdiet. Vestibulum nisl urna, euismod sit amet congue at, bibendum non risus.</p>
			<cite>&ndash; Quote Author (Quote #1)</cite>
		</blockquote>
 
		<blockquote>
			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam eu eros velit, non blandit ipsum. Donec pretium, nibh vitae tristique tempor, enim sem condimentum lacus, vel mattis mauris risus id justo. Nullam tincidunt, augue sit amet euismod condimentum, orci elit dignissim odio, a viverra augue enim in lectus. Ut tempor commodo venenatis. Pellentesque pretium, ipsum nec bibendum facilisis, erat justo consequat tortor, iaculis suscipit eros est quis urna. Nunc gravida ornare nibh interdum sagittis.</p>
			<cite>&ndash; Quote Author (Quote #2)</cite>
		</blockquote>
mitsumasa