웹마스터 팁

  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>




이 게시물을
수정 삭제
좋아요
목록
제목 글쓴이 날짜
[초보] 확장자 체크하는 매우 간단한 소스; [4] 에지 2003.09.29
인터넷 사이트 , MS 오피스로 관리하기 3 공시사항 나타내기 [5] file 한꼬마 2003.09.24
Whois를 이용해서 접속자가 사용하는 ISP출력(한국통신,하나로,두루넷 등등) [6] 김재경 2003.09.23
달력 만들기 [10] TheMics 2003.09.23
php+mysql>>공지사항|일기장 프로그램 1장:DB구조,schema 파일로 테이블생성하기! [2] 시루바 2003.09.23
인터넷 사이트, MS 오피스로 관리하기 2 공지사항 [4] file 한꼬마 2003.09.23
인터넷 사이트 , MS 오피스로 관리하기 [3] file 한꼬마 2003.09.22
임시적으로 php.ini 환경변수들 대처하기 [2] impre 2003.09.20
동적으로 Extensions(library) 로딩하기 impre 2003.09.20
include 할시에 주의사항..(경로설정관련) [10] 피너츠 2003.09.14
지정한만큼 암호화/해독 하기 [24] 뒹굴리스트 2003.09.10
모든파일을 리스트로 만들기; [10] 플로렐라 2003.09.10
군대간 친구 남은날짜 구하기 2(복무기간 단축에 따른 수정) [8] 신민경 2003.09.02
자료실에 쓸만한 자료용량 환산 [7] 한승진 2003.09.01
php 랜덤 이미지 디렉토리 검색으로 편하게.. [3] 꺼노 2003.08.28
웹디자이너와 프로그래머가 사이 좋게 코딩하는 방법 [50] 마이템플릿 2003.08.13
개판 오분전 정규식(1) 미친개 2003.08.07
개판 오분전 정규식(2) [5] 미친개 2003.08.07
개판 오분전 정규식(3) [2] 미친개 2003.08.07
개판 오분전 정규식(4) 미친개 2003.08.07
태그 쓰기