각종 소스창고/자바스크립트

내용 미리보기 스크립트

아침한때비 2012. 3. 21. 18:26

 

<script src='./Libs/prototype.js'></script>
<style>
 #d{font-size:12px;font-family:돋움;vertical-align:bottom}
 td{font-size:12px;font-family:돋움;height:50px;vertical-align:bottom}
 .subject{width:300}
</style>
<body>
<div id=d style="position:absolute;left:10;top:10;width:300;height:50;background:white;filter:alpha(opacity=60);border: 1px solid">1234</div>
<table border=1 bordercolor="#000000" style="border-collapse:collapse;">
 <tr>
  <td>순번</td><td class=subject>제목</td><td class=name>이름</td><td>날짜</td><td>조회수</td>
 </tr>
 <tr>
  <td>1</td><td id=a0 alt="재미있는 글입니다<br>혹시 둥인가요? ^^">재미있는 글입니다. </td><td>홍길동</td><td>2004-6-10</td><td>1</td>
 </tr>
 <tr>
  <td>2</td><td id=a1 alt="감동적인 글입니다<br>혹시 둥인가요? ^^">감동적인 글입니다.</td><td>감동맨</td><td>2004-6-10</td><td>3</td>
 </tr>
 <tr>
  <td>3</td><td id=a2 alt="펀 글입니다<br>혹시 둥인가요? ^^">퍼왔어요..</td><td>펌쟁이</td><td>2004-6-10</td><td>10</td>
 </tr>
 <tr>
  <td>4</td><td id=a3 alt="클릭하세요<br>혹시 둥인가요? ^^">일단한번 클릭</td><td>???</td><td>2004-6-10</td><td>0</td>
 </tr>
  <tr>
  <td>4</td><td id=a4 alt="클릭하세요<br>혹시 둥인가요? ^^">일단한번 클릭</td><td>???</td><td>2004-6-10</td><td>0</td>
 </tr>
  <tr>
  <td>4</td><td id=a5 alt="클릭하세요<br>혹시 둥인가요? ^^">일단한번 클릭</td><td>???</td><td>2004-6-10</td><td>0</td>
 </tr>
  <tr>
  <td>4</td><td id=a6 alt="클릭하세요<br>혹시 둥인가요? ^^">일단한번 클릭</td><td>???</td><td>2004-6-10</td><td>0</td>
 </tr>
  <tr>
  <td>4</td><td id=a7 alt="클릭하세요<br>혹시 둥인가요? ^^">일단한번 클릭</td><td>???</td><td>2004-6-10</td><td>0</td>
 </tr>
  <tr>
  <td>4</td><td id=a8 alt="클릭하세요<br>혹시 둥인가요? ^^">일단한번 클릭</td><td>???</td><td>2004-6-10</td><td>0</td>
 </tr>
  <tr>
  <td>4</td><td id=a9 alt="클릭하세요<br>혹시 둥인가요? ^^">일단한번 클릭</td><td>???</td><td>2004-6-10</td><td>0</td>
 </tr>
  <tr>
  <td>4</td><td id=a10 alt="클릭하세요<br>혹시 둥인가요? ^^">일단한번 클릭</td><td>???</td><td>2004-6-10</td><td>0</td>
 </tr>
  <tr>
  <td>4</td><td id=a11 alt="클릭하세요<br>혹시 둥인가요? ^^">일단한번 클릭</td><td>???</td><td>2004-6-10</td><td>0</td>
 </tr>
  <tr>
  <td>4</td><td id=a12 alt="클릭하세요<br>혹시 둥인가요? ^^">일단한번 클릭</td><td>???</td><td>2004-6-10</td><td>0</td>
 </tr>
  <tr>
  <td>4</td><td id=a13 alt="클릭하세요<br>혹시 둥인가요? ^^">일단한번 클릭</td><td>???</td><td>2004-6-10</td><td>0</td>
 </tr>
  <tr>
  <td>4</td><td id=a14 alt="클릭하세요<br>혹시 둥인가요? ^^">일단한번 클릭</td><td>???</td><td>2004-6-10</td><td>0</td>
 </tr>
  <tr>
  <td>4</td><td id=a15 alt="클릭하세요<br>혹시 둥인가요? ^^">일단한번 클릭</td><td>???</td><td>2004-6-10</td><td>0</td>
 </tr>
  <tr>
  <td>4</td><td id=a16 alt="클릭하세요<br>혹시 둥인가요? ^^">일단한번 클릭</td><td>???</td><td>2004-6-10</td><td>0</td>
 </tr>
  <tr>
  <td>4</td><td id=a17 alt="클릭하세요<br>혹시 둥인가요? ^^">일단한번 클릭</td><td>???</td><td>2004-6-10</td><td>0</td>
 </tr>
  <tr>
  <td>4</td><td id=a18 alt="클릭하세요<br>혹시 둥인가요? ^^">일단한번 클릭</td><td>???</td><td>2004-6-10</td><td>0</td>
 </tr>
  <tr>
  <td>4</td><td id=a19 alt="클릭하세요<br>혹시 둥인가요? ^^">일단한번 클릭</td><td>???</td><td>2004-6-10</td><td>0</td>
 </tr>
  <tr>
  <td>4</td><td id=a20 alt="클릭하세요<br>혹시 둥인가요? ^^">일단한번 클릭</td><td>???</td><td>2004-6-10</td><td>0</td>
 </tr>
  <tr>
  <td>4</td><td id=a2 alt="클릭하세요<br>혹시 둥인가요? ^^">일단한번 클릭</td><td>???</td><td>2004-6-10</td><td>0</td>
 </tr>
  <tr>
  <td>4</td><td id=a2 alt="클릭하세요<br>혹시 둥인가요? ^^">일단한번 클릭</td><td>???</td><td>2004-6-10</td><td>0</td>
 </tr>
  <tr>
  <td>4</td><td id=a2 alt="클릭하세요<br>혹시 둥인가요? ^^">일단한번 클릭</td><td>???</td><td>2004-6-10</td><td>0</td>
 </tr>
  <tr>
  <td>4</td><td id=a2 alt="클릭하세요<br>혹시 둥인가요? ^^">일단한번 클릭</td><td>???</td><td>2004-6-10</td><td>0</td>
 </tr>
  <tr>
  <td>4</td><td id=a2 alt="클릭하세요<br>혹시 둥인가요? ^^">일단한번 클릭</td><td>???</td><td>2004-6-10</td><td>0</td>
 </tr>
  <tr>
  <td>4</td><td id=a2 alt="클릭하세요<br>혹시 둥인가요? ^^">일단한번 클릭</td><td>???</td><td>2004-6-10</td><td>0</td>
 </tr>
  <tr>
  <td>4</td><td id=a2 alt="클릭하세요<br>혹시 둥인가요? ^^">일단한번 클릭</td><td>???</td><td>2004-6-10</td><td>0</td>
 </tr>
  <tr>
  <td>4</td><td id=a2 alt="클릭하세요<br>혹시 둥인가요? ^^">일단한번 클릭</td><td>???</td><td>2004-6-10</td><td>0</td>
 </tr>
  <tr>
  <td>4</td><td id=a2 alt="클릭하세요<br>혹시 둥인가요? ^^">일단한번 클릭</td><td>???</td><td>2004-6-10</td><td>0</td>
 </tr>
  <tr>
  <td>4</td><td id=a2 alt="클릭하세요<br>혹시 둥인가요? ^^">일단한번 클릭</td><td>???</td><td>2004-6-10</td><td>0</td>
 </tr>

</table>
<script>
 function p(){
 }
document.onmousemove=function(){
document.body.scrollHeight);
 oElement = document.elementFromPoint(event.x, event.y);//마우스가 움직일때의 대상객체
 if(oElement.id.indexOf('a')!=-1){//id에 a가 있다면,
  d.style.display=''; //레이어를 보이고
  d.style.pixelLeft=Event.pointerX(event)+12;
  d.style.pixelTop=Event.pointerY(event);//레이어의 세로위치 지정
  d.innerHTML=oElement.alt;//.split("@@").join("<br>");//레이어의 내용 출력
 } else {
  d.style.display='none';//마우스가 엄한곳에 잇으면, 레이어 출력 off
 }
}
 </SCRIPT>
</script>