IE 위아래 스크롤 디스플레이는 Marquee 메커니즘_javascript 기술을 모방합니다.

WBOY
풀어 주다: 2016-05-16 18:38:31
원래의
776명이 탐색했습니다.
코드 복사 코드는 다음과 같습니다.

var STARTINGOPACITY = 40; //불투명도 설정
var STARTINP = 70; //투명도 설정
var SCROLLSTUP = 1; //스크롤 속도, 1은 1픽셀입니다.
var SCROLLSYY = 100; //스크롤 시간 요청
var reqflg = false;
// 콘텐츠 수동 스크롤 처리 //
function scrollContent(pardiv,id,sub) {
var div = document.getElementById("textslider")
var divsub = document.getElementById (하위 );
var divpar = document.getElementById(pardiv);

clearInterval(div.timer)
div.style.opacity = STARTINGOPACITY * .01> .filter = 'alpha(opacity=' STARTINP ')';
var div2 = document.getElementById("textslider2")
if(div2!=null){
clearInterval(div2.timer);
div2.style.opacity = STARTINGOPACITY * .01;
div2.style.filter = 'alpha(opacity=' STARTINP ')'
}

var tem = div.innerHTML ;/ /첫 번째 페이지
tem1 = "
" tem "
";//두 번째 페이지

var objheight = divpar .offsetHeight;
var divheight = div.offsetHeight;

//스크롤이 필요한지 확인합니다.
if(objheight if(! reqflg){
divpar.innerHTML = tem1;
reqflg = true;
div = document.getElementById("textslider");
div2 = document.getElementById("textslider2"); /높이 설정
div2.style.top = divheight-1 "px";
}
div.timer = setTimeout( function() { scrollAnimate(div,div2) }, SCROLLSYY); >}
}
function scrollAnimate(div,div2) {
//두 하위 div의 상위 값 가져오기
var divtop = div.offsetTop
//alert(divtop) ;
if(divtop==0){
div.style.top = "0px";
divtop = 0
}
var div2top = div2.offsetTop; (div2top ==0){
div2top = 0;
div2.style.top = "0px";
}
if(divtop //1번은 위 2번 아래
div.style.top = divtop - SCROLLSTUP 'px'
div2.style.top = div2top - SCROLLSTUP 'px'
//alert("div.style.top) :" div .style.top "---div2.style.top:" div2.style.top ":height:" div.offsetHeight);
//위치 교환 여부를 결정합니다. 높이 위치가 동일한 경우
if(div.offsetTop==-div.offsetHeight){
//상단을 하단으로 설정
div.style.top = div2.offsetHeight
}
}else{
//2번이 위에 있고 1번이 아래에 있습니다.
div2.style.top = div2top - SCROLLSTUP 'px'
div.style.top = divtop - SCROLLSTUP ' px';
//위치 교환 여부 결정, 높이 위치가 상단과 같으면 교환
if(div2.offsetTop==-div2.offsetHeight){
//상단을 하단으로 설정
div2.style.top = div.offsetHeight;
}
}
div.timer = setTimeout( function() { scrollAnimate(div,div2) }, SCROLLSYY)

// 마우스아웃 시 스크롤 취소 //
function cancelScroll(pardiv,id,sub) {
var div = document.getElementById(id)
div.style.opacity = 1 ;
div.style.filter = 'alpha(opacity =100)';
clearTimeout(div.timer)

var div2 = document.getElementById("textslider2"); if(div2!=null){
div2.style .opacity = 1;
div2.style.filter = 'alpha(opacity=100)'
clearTimeout(div2.timer); }
}



코드 패키지 다운로드
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!