javascript: jquery load more

<html lang="en">
<head>
<meta charset="utf-8">
<title>Aditya demo</title>

<script src="jquery-1.10.2.js"></script>
</head>
<body>
<div id="disp">
<b>Aditya:</b>
<b>Aditya:</b>
<b>Aditya:</b>
<b>Aditya:</b>
<b>Aditya:</b>
<b>Aditya:</b>
<b>Aditya:</b>
<b>Aditya:</b>
<b>Aditya:</b>
<b>Aditya:</b>
</div>
<button id="but">aa</button>
<ol id="new-nav"></ol>
<script>
$(window).load(function(){
var disp = 1;
var dispunit = 2;
var aa = $('#disp').children('b').css('display','none').length;
for(var b=0;b<disp;b++){
$('#disp').children('b').eq(b).css('display','block');
}

aaa = parseInt(aa)-parseInt(disp);

var flen = parseInt(disp)+parseInt(dispunit);

alert(disp+" -- "+aaa);

$('#but').click(function(){

for(var a=disp;a<flen;a++){
$('#disp').children('b').eq(a).show('slow').css('display','block');
}
disp=flen;
flen = parseInt(flen)+2;
});
});
</script>
</body>
</html>

javascript

Tuesday, 15 April 2014

jquery load more

No comments:

Post a Comment