ホームページ  >  記事  >  ウェブフロントエンド  >  IEの上下スクロール表示はマーキー機構を模倣_JavaScriptスキル

IEの上下スクロール表示はマーキー機構を模倣_JavaScriptスキル

WBOY
WBOYオリジナル
2016-05-16 18:38:31778ブラウズ
コードをコピー コードは次のとおりです:

var STARTINGOPACITY = 40 //不透明度を設定します
var STARTINP = 70; //透明度を設定します
var SCROLLSTUP = 1; //スクロール速度、1 は 1 ピクセルです
var SCROLLSYY = 100; //スクロール時間リクエスト
var reqflg = false;
// コンテンツの手動スクロールを処理します //
functionscrollContent(pardiv,id,sub) {
var div = document.getElementById("textslider");
var divsub = document.getElementById (サブ);
var divpar = document.getElementById(pardiv);

clearInterval(div.timer);
div.style.opacity = STARTINGOPACITY *
div.style .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 "
";//2 番目のページ

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

//スクロールが必要かどうかを決定します。必要でない場合は、スクロールしません。 reqflg){
divpar.innerHTML = tem1;
reqflg = true;
div2 = document.getElementById("textslider2"); /高さを設定します
div2.style.top = divheight-1 "px";
}
div.timer = setTimeout( function() {scrollAnimate(div,div2) }, }
}
functionscrollAnimate(div,div2) {
//2 つのサブ 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 // いいえ。上 No. 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) },
}

// マウスアウト時のスクロールをキャンセルします //
function cancelScroll(pardiv,id,sub) {
var div = document.getElementById(id)
div.style.opacity = 1 ;
div.style.filter = 'alpha(opacity =100)';

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



コード パッケージのダウンロード
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。