jquery 기반 맨 위로 효과(IE6과 호환)_jquery

저도 최근에 jquery를 배우고 있어서 참고로 기록하겠습니다.

HTML

코드 복사 코드는 다음과 같습니다.

< div class= "scroll">

>
CSS

코드 복사 코드는 다음과 같습니다.

.scroll{

배경:url( ../image/scroll.gif) 반복 없음 중앙 상단 투명
하단:100px
커서:포인터
높이:67px
너비:18px;
position:fixed ;
_position:absolute; /*IE6과 호환됨*/
_top: 표현식(eval(document.documentElement.scrollTop) 700) /*700은 상단으로부터 설정된 거리입니다. 사진이며 수정될 수 있습니다. 700개의 이미지를 추가하지 않으면 이미지가 상단에 고정되어 스크롤됩니다. */
}
html{_text-overflow:ellipsis;} /*IE6에서 이미지 지터 해결*/


top.js

코드 복사 코드는 다음과 같습니다.

$(document).ready (function(){

var show_delay;
var scroll_left=parseInt((document.body.offsetWidth-960)/2) 961; //960은 페이지 너비입니다
$(".scroll") .click(function (){
document.documentElement.scrollTop=0;
document.body.scrollTop=0;
})
$(window).resize(function (){
scroll_left=parseInt((document .body.offsetWidth-960)/2) 961;
$(".scroll").css("left",scroll_left)
reshow (scroll_left,show_delay);
});
function reshow(marign_l,show_d) {
$(".scroll").css("left",marign_l); .documentElement.scrollTop document.body.scrollTop)!=0)
{
$(".scroll").css("display","block")
}
else
{
$(" .scroll").css("display","none");}
if(show_d) window.clearTimeout(show_d)
show_d=setTimeout("reshow() ",500);
}


마지막으로
jQuery.js
파일도 잊지 마세요!