Login   Register  
Icontem

File: test.html

Recommend this page to a friend!
Stumble It! Stumble It! Bookmark in del.icio.us Bookmark in del.icio.us
  Classes of Jin Nguyen  >  Divbox  >  test.html  >  Download  
File: test.html
Role: Auxiliary script
Content type: text/plain
Description: Documentation
Class: Divbox
jQuery plugin to open modal lightbox in an element
Author: By
Last change:
Date: 2013-10-06 00:34
Size: 3,111 bytes
 

Contents

Class file image Download
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Assiduous   by Free CSS Templates</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<script src="jquery-1.3.2.min.js" type="text/javascript"></script>
<style>
li.listitem{ display: none; }
</style>
</head>
<body>
<ul>
	<li class="listitem">Game Cứu cụ Rùa là trò chơi đơn giản, nội dung hài hước, giao diện mộc mạc, hình thức chơi nhanh gọn 1  </li>
	<li class="listitem">Game Cứu cụ Rùa là trò chơi đơn giản, nội dung hài hước, giao diện mộc mạc, hình thức chơi nhanh gọn02  </li>
	<li class="listitem">Game Cứu cụ Rùa là trò chơi đơn giản, nội dung hài hước, giao diện mộc mạc, hình thức chơi nhanh gọn 3 </li>
	<li class="listitem">Game Cứu cụ Rùa là trò chơi đơn giản, nội dung hài hước, giao diện mộc mạc, hình thức chơi nhanh gọn  4</li>
	<li class="listitem">Game Cứu cụ Rùa là trò chơi đơn giản, nội dung hài hước, giao diện mộc mạc, hình thức chơi nhanh gọn 5 </li>
	<li class="listitem">Game Cứu cụ Rùa là trò chơi đơn giản, nội dung hài hước, giao diện mộc mạc, hình thức chơi nhanh gọn 6 </li>
	<li class="listitem">Game Cứu cụ Rùa là trò chơi đơn giản, nội dung hài hước, giao diện mộc mạc, hình thức chơi nhanh gọn 7 </li>
	<li class="listitem">Game Cứu cụ Rùa là trò chơi đơn giản, nội dung hài hước, giao diện mộc mạc, hình thức chơi nhanh gọn 8 </li>
	<li class="listitem">Game Cứu cụ Rùa là trò chơi đơn giản, nội dung hài hước, giao diện mộc mạc, hình thức chơi nhanh gọn9  </li>
	<li class="listitem">Game Cứu cụ Rùa là trò chơi đơn giản, nội dung hài hước, giao diện mộc mạc, hình thức chơi nhanh gọn 10 </li>
	<li class="listitem">Game Cứu cụ Rùa là trò chơi đơn giản, nội dung hài hước, giao diện mộc mạc, hình thức chơi nhanh gọn 11 </li>
	<li class="listitem">Game Cứu cụ Rùa là trò chơi đơn giản, nội dung hài hước, giao diện mộc mạc, hình thức chơi nhanh gọn 12 </li>
	<li class="listitem">Game Cứu cụ Rùa là trò chơi đơn giản, nội dung hài hước, giao diện mộc mạc, hình thức chơi nhanh gọn 13 </li>
	
</ul>
<p class="divpage"></p>
<script>
	var ln = $('li.listitem').length;
	var np = Math.ceil(ln/4);
	var str = '';
	for(var i = 0; i< np; i++){
		str += '<a href="#" onclick="showItem('+i+')">'+(i+1)+'</a> ';
	}
	$('.divpage').html(str);
	
	function showItem(p){
		var start = p * 4 ;
		var end = start + 4;
		$('li.listitem').hide();
		$('li.listitem').each(function(i,v){
			if(i>= start && i < end) $(this).fadeIn();
		});
	}
	showItem(0);
</script>
</body>
</html>