jquery 기반 맨 위로 효과(IE6과 호환)_jquery
- WBOY원래의
- 2016-05-16 18:12:03818검색
코드 복사 코드는 다음과 같습니다.
.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
하단: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
파일도 잊지 마세요!
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
파일도 잊지 마세요!
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.