웹마스터 팁

  2. Support
  3. 웹마스터 팁

싸이처럼 테이블 안에서 버튼으로 이동/스크롤 하기

2004.09.09 17:40

제로스

싸이처럼이 아니라 사실 싸이에서 퍼온거에요..
함부로 퍼오면 안되지만... 매번 도토리 사주는걸 생각하면 이정도는 애교로 ...  




############################################################################################################################################################################################################################



<script language="JavaScript">
<!--
var sRepeat=null;

function doScrollerIE(dir, src, amount) {
        if (amount==null) amount=10;
        if (dir=="up")
        document.all[src].scrollTop-=amount;
        else
        document.all[src].scrollTop+=amount;
        if (sRepeat==null)
        sRepeat = setInterval("doScrollerIE('+ '" + dir + "','" + src + "'," + amount + ")",100);
        return false
}

window.document.onmouseout = new Function("clearInterval(sRepeat);sRepeat=null");
window.document.ondragstart = new Function("return false");
//-->
</script>



<div id=charLayer2 style="width:140; height:95; overflow:hidden;"><font color="#CC99FF">질문 글 올리지 마세요.질문 글 올리지 마세요.질문 글 올리지 마세요.질문 글 올리지 마세요.질문 글 올리지 마세요.질문 글 올리지 마세요.질문 글 올리지 마세요.질문 글 올리지 마세요.질문 글 올리지 마세요.질문 글 올리지 마세요.질문 글 올리지 마세요.질문 글 올리지 마세요.질문 글 올리지 마세요.질문 글 올리지 마세요.</font></div>
                                                                </td>
                                                        </tr>
                                                </table>
                                                <table width="140" border="0" cellspacing="0" cellpadding="0">
                                                        <tr>
                                                                <td width="100"><a href="#" onMouseOver="return doScrollerIE('down','charLayer2',5)" onMouseOut="clearInterval(sRepeat)"><img src="http://img.cyworld.nate.com/img/pwin/bt_down.gif" width="10" height="7" border="0"></a><a href="#" onMouseOver="return doScrollerIE('up','charLayer2',5)" onMouseOut="clearInterval(sRepeat)"><img src="http://img.cyworld.nate.com/img/pwin/bt_up.gif" width="10" height="7" border="0"></a></td>



############################################################################################################################################################################################################################

위에걸 수정해서 ..
마우스를 눌렀을때만 (마우스 오버아님..) 이동하게


<script language="JavaScript">
<!--
var sRepeat=null;

function doScrollerIE(dir, src, amount) {
        if (amount==null) amount=10;
        if (dir=="up")
        document.all[src].scrollTop-=amount;
        else
        document.all[src].scrollTop+=amount;
        if (sRepeat==null)
        sRepeat = setInterval("doScrollerIE('" + dir + "','" + src + "'," + amount + ")",100);
        return false
}


//-->
</script>

<td>
                                                                        <div id=charLayer2 style="width:140; height:95; overflow:hidden;"><font color="#CC99FF">우어어어어어어어어어어어어어어어어어어어어어어어어어어어어어어어어어어어어어어어어어어어어어사사사사사사사사사사사사사사사사사사사사사사사사사사사사사사사사사사사사사사사사우우우우우우우우우우우우우우우우우우우우우우우우우우우우우우우우우우우우우우우우우</font></div>
                                                                </td>
                                                        </tr>
                                                </table>
                                                <table width="140" border="0" cellspacing="0" cellpadding="0">
                                                        <tr>
                                                                

                                                                <td align="right" width="40">
                                                                <a href="#" onclick="return doScrollerIE('down','charLayer2',50)" onMouseOut="clearInterval(sRepeat)"><img src="http://img.cyworld.nate.com/img/pwin/bt_down.gif" width="10" height="7" border="0"></a>
                                                                <a href="#" onclick="return doScrollerIE('up','charLayer2',50)" onMouseOut="clearInterval(sRepeat)"><img src="http://img.cyworld.nate.com/img/pwin/bt_up.gif" width="10" height="7" border="0"></a></td>




이 게시물을
수정 삭제
좋아요
목록
제목 글쓴이 날짜
레이어 3 - 메뉴판때기. [1] 미친개 2004.07.04
레이어 4 - 뽀나수 하나 [1] 미친개 2004.07.07
레이어 5 - 뽀나수 둘 [6] 미친개 2004.07.07
웹 문서 암호화 스크립트 [1] 미친개 2004.07.20
아이프레임으로 문서크기 자동조절하기(완벽판) [13] 렌디 2004.07.21
문서에 따른 아이프레임 heigh(높이) 값 자동 조절 (수정본) [3] 스토비━ⓒ 2004.07.31
원하는 아이프레임부분을 리로드하자! [1] †천상의燦† 2004.08.02
Javascipt로 구현한 MD5,MD4,SHA1 [10] 장종석 2004.08.06
레이어를 클릭해서 보이거나 사라지게 하기 [3] †천상의燦† 2004.08.18
이미지 사이즈에 맞게 새창띄우기 [오류보완] 정확하게 안열리는 오류 [11] beMax 2004.08.18
싸이처럼 테이블 안에서 버튼으로 이동/스크롤 하기 [5] 제로스 2004.09.09
랜디님의 iframe 크기조절 소스응용-iframe 최저길이 지정하기 [1] 김수형 2004.09.10
셀렉트 메뉴를 통해 갤러리 만들기 한현종 2004.09.10
요일마다 바뀌는 상태바 인사 말~ [2] Kasis 2004.09.13
내홈피 즐겨찾기/새로고침/앞/뒤로가기 [4] 팡이 2004.09.13
메뉴 추가 삭제 수정시 쓰면 좋을것 같네요 - 출처: http://www.happyscript.com/ [1] 예뜨락 2004.09.17
슬라이딩 메뉴 자바스크립트 [3] 행복한고니 2004.09.21
멀티 파일다운로드 꽁수로 구현하기 [1] 행복한고니 2004.10.07
웹페이지에서 단축키 사용 (Firefox) [2] 전종화 2004.10.07
자바스크립트로 구현한 윈도우 스타일.. [2] 크래닉스 2004.10.07
태그 쓰기