목록 스크롤 시 자동으로 JS 효과 로드
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY>
<script language="javascript" type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.2.6.min.js"></script>
<script language="javascript" type="text/javascript">
var getMsg = true;
$(document).ready(function() {
$("#msg").scroll(function() {
if (this.clientHeight + this.scrollTop == this.scrollHeight) {
//
var st = this.scrollTop;
if (getMsg) {
getMsg = false;
//
/*
$.get("./getMessage.jsp", {mid:$("#msgList li:last").attr("mid")}, function(data) {
//
$("#msgList").append(data);
$("#msgList").scroll(st);
getMsg = true;
});
*/
//
var data = "<li mid='58'>1000402:23232<span style='font-size:9px;'>(2008-06-12)</span></li>
<li mid='57'>1000402:321<span style='font-size:9px;'>(2008-06-12)</span></li>
<li mid='56'>1000402:df<span style='font-size:9px;'>(2008-06-12)</span></li>
<li mid='55'>a76:a<span style='font-size:9px;'>(2008-06-12)</span></li>
<li mid='54'> : <span style='font-size:9px;'>(2008-06-11)</span></li>
<li mid='49'>1000402:x<span style='font-size:9px;'>(2008-06-11)</span></li>
<li mid='48'>1000402:x<span style='font-size:9px;'>(2008-06-11)</span></li>
<li mid='47'>1000402:x<span style='font-size:9px;'>(2008-06-11)</span></li>
<li mid='46'>1000402:x<span style='font-size:9px;'>(2008-06-11)</span></li>";
$("#msgList").append(data);
$("#msgList").scroll(st);
getMsg = true;
}
}
});
});
</script>
<div style="width:560px; height:150px; text-align:left; margin:0 auto; overflow:auto;" name="msg" id="msg">
<ul style="list-style:none; margin:0; padding:0;" name="msgList" id="msgList">
<li mid='58'>1000402:23232<span style='font-size:9px;'>(2008-06-12)</span></li>
<li mid='57'>1000402:321<span style='font-size:9px;'>(2008-06-12)</span></li>
<li mid='56'>1000402:df<span style='font-size:9px;'>(2008-06-12)</span></li>
<li mid='55'>a76:a<span style='font-size:9px;'>(2008-06-12)</span></li>
<li mid='54'> : <span style='font-size:9px;'>(2008-06-11)</span></li>
<li mid='49'>1000402:x<span style='font-size:9px;'>(2008-06-11)</span></li>
<li mid='48'>1000402:x<span style='font-size:9px;'>(2008-06-11)</span></li>
<li mid='47'>1000402:x<span style='font-size:9px;'>(2008-06-11)</span></li>
<li mid='46'>1000402:x<span style='font-size:9px;'>(2008-06-11)</span></li>
</ul>
</div>
</BODY>
</HTML>
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.