June44.com

메인 / RSS

◀ 2010년 08월 ▶ 12345678910111213141516171819202122232425262728293031

Nov

10

Saturday

텍스트, 이미지 스크롤링

JavaScript

◀

이미지 영역1

텍스트 영역1

이미지 영역2

텍스트 영역2

이미지 영역3

텍스트 영역3

이미지 영역1

텍스트 영역1

▶

자료출처 : 네이트 몰

<style type="text/css">
.f001Abanner02Inbox {float:left; width:280px; display:inline; margin:0; }
.f001Abanner02Img {float:left; width:133px; margin-left:2px; display:inline;}
.f001Abanner02Txt {float:left; width:145px; display:inline; text-align:left;}
</style>
<script language="JavaScript" type="text/JavaScript" src="http://june44.com/source/scroll.js"></script>
<script language="JavaScript" type="text/JavaScript">

</script>
<Table width="50%" border="1" cellpadding="0" cellspacing="0">
 <Tr>
  <Td><a href="javascript:scroll.clickRight(20);">◀</a></Td>
  <Td>
  <div id="area" name="area" style="position:relative;overflow:hidden;width:560px" onmouseover="scroll.scrollStop();" onmouseout="scroll.scrollContinue()">
  <div style="position:relative;left:0px; width:2000px;" name="div_scroll" id="div_scroll" >
  <div style="position:relative;overflow:hidden; display:inline;" >
   <div class="f001Abanner02Inbox">
    <div class="f001Abanner02Img">
     이미지 영역1
    </div>
    <div class="f001Abanner02Txt">
     텍스트 영역1
    </div>
   </div>
  </div>
  <div style="position:relative;overflow:hidden; display:inline;" >
   <div class="f001Abanner02Inbox">
    <div class="f001Abanner02Img">
     이미지 영역2
    </div>
    <div class="f001Abanner02Txt">
     텍스트 영역2
    </div>
   </div>
  </div>
  <div style="position:relative;overflow:hidden; display:inline;" >
   <div class="f001Abanner02Inbox">
    <div class="f001Abanner02Img">
     이미지 영역3
    </div>
    <div class="f001Abanner02Txt">
     텍스트 영역3
    </div>
   </div>
  </div>
  <div style="position:relative;overflow:hidden; display:inline;" >
   <div class="f001Abanner02Inbox">
    <div class="f001Abanner02Img">
     이미지 영역1
    </div>
    <div class="f001Abanner02Txt">
     텍스트 영역1
    </div>
   </div>
  </div>
  </div>
  </div>
  </Td>
  <Td><a href="javascript:scroll.clickLeft(20)" >▶</a></Td>
 </Tr>
</Table>
<div style="display:none">
 <script language="JavaScript" type="text/JavaScript">
 
 </script>
</div>

Scroll, 스크롤, 스크롤링

이 글에 엮인글 보내기

0 개의 댓글이 있습니다.

0 개의 엮인글이 있습니다.

103 104 105 106 107 108

today: 25 | yesterday: 29 | 67071
Copyright ⓒ June. All rights reserved.