コードをスクロールするHTML写真

Iあまりにも便利な、ページを使用します!それを共有します

  最も簡単なソース

<! -以下は、コードのスクロールアップしている- > 
 
<divのスタイル= butong_net_topのID =オーバーフロー:隠された;高さ:100 ;幅:90 ;> 
<divのID = butong_net_top1> 
<IMG SRC = " 画像をスクロールする挿入が必要" > 
<IMG SRC = 挿入画像をスクロールする必要がある > 
<IMG SRC = 挿入画像をスクロールする必要がある > 
<IMG SRC = 挿入画像をスクロールする必要がある > 
<IMG SRC = 挿入画像をスクロールする必要があります > 
</ DIV> 
<DIV ID = butong_net_top2> </ div> 
</ div> 
<スクリプト>だっスピード= 30 
butong_net_top2.innerHTML
butong_net_top1.innerHTML = // クローンbutong_net_top1 butong_net_top2ある
機能Marquee1(){
 // 接合butong_net_top1にbutong_net_top2スクロールなら
IF(butong_net_top2.offsetTop-butong_net_top.scrollTop <= 0)&< 60&<; 60 ; 
butong_net_top.scrollTopは - butong_net_top1.offsetHeight = // butong_net_topの先頭にジャンプ
{ 
butong_net_top.scrollTop ++ ; 
} 
} 
VAR MyMar1 =のsetInterval(Marquee1、スピード)// タイマー設定
 // マウスオーバークリアタイマーがストップスクロールオブジェクトに達する 
butong_net_topを.οnmοuseοver=機能(){てclearInterval(MyMar1)}
 // マウスアウトタイマーをリセットするには 
butong_net_top.οnmοuseοut=機能(){= MyMar1 のsetInterval(Marquee1、スピード)}
 </スクリプト> 
 
<! -終了コードをロールアップ- - > 
 
<BR> 
 
<! -コードのスクロールが停止している、次の- > 
 
<divのスタイル= butong_net_bottom ID =オーバーフロー:隠された;高さ:100 ;幅:90 ;> 
<divのID = butong_net_bottom1> 
<IMG SRC = " 挿入画像をスクロールする必要がある > 
<IMG SRC = 挿入画像をスクロールする必要がある > 
<IMG SRC = 挿入画像をスクロールする必要がある > 
<IMG SRC = 挿入画像をスクロールする必要があります >
<IMG SRC = "插入需要滚动的图片" > 
</ div> 
<DIV ID = butong_net_bottom2> </ div> 
</ div> 
<スクリプト> VARの速度= 30 
butong_net_bottom2.innerHTML = butong_net_bottom1.innerHTML 
butong_net_bottom.scrollTop = butong_net_bottom.scrollHeight 
機能Marquee2() { 場合(butong_net_bottom1.offsetTop-butong_net_bottom.scrollTop> = 0 
butong_net_bottom.scrollTop + = butong_net_bottom2.offsetHeight
 { 
butong_net_bottom.scrollTop - 
} 
} VAR MyMar2 = たsetInterval(Marquee2、速度)


 
butong_net_bottom.οnmοuseοver = 関数(){てclearInterval(MyMar2)} 
butong_net_bottom.οnmοuseοut =機能(){= MyMar2 のsetInterval(Marquee2、スピード)}
 </ SCRIPT> 
 
<! - ENDコードを下にスクロール- > 
 
<BR> 
 
< ! -以下は、コードのスクロール左である- > 
 
<DIV ID = " butong_net_left "スタイル= " オーバーフロー:隠された;幅:500pxなど; " > 
<表のCELLPADDING = " 0 " CELLSPACING = " 0 "国境= " 0 " > 
<TR> <TD ID = " butong_net_left1 "VALIGN = " トップ =を合わせ中心" > 
<表CELLPADDING = " 2 " CELLSPACING = " 0 "ボーダー= " 0 " > 
<TR ALIGN =左= " センター" > 
<TD> <IMG SRC = " <IMG SRC = "画像をスクロールするために挿入必要" > < / TD> 
<TD> <IMG SRC = " 挿入画像をスクロールする必要がある" > </ TD> 
<TD> <IMG SRC = " インサートが、絵にスクロールする必要があります" > </ TD> 
<TD> <IMG SRC = "をスクロール画像を挿入する必要があります" > </ TD> 
<TD> <IMGのSRC = "。」画像をスクロールする必要がINSERT> </ TD> 
</ TR> 
</ TABLE> 
</ TD> 
<TD ID = " butong_net_left2 " VALIGN = " トップ" > </ TD> 
</ TR> 
</ TABLE> 
</ div> 
<SCRIPT> VAR速度= 30 // 速度数值越大速度越慢 
butong_net_left2.innerHTML = butong_net_left1.innerHTML 
機能Marquee3(){ 場合(butong_net_left2.offsetWidth-butong_net_left.scrollLeft <= 0 
butong_net_left.scrollLeft - = butong_net_left1.offsetWidth
 { 
butong_net_left。scrollLeft ++ 
} 
}


VAR MyMar3は= のsetInterval(Marquee3、スピード)
butong_net_left.οnmοuseοver = 関数(){てclearInterval(MyMar3)} 
butong_net_left.οnmοuseοut =機能(){= MyMar3 のsetInterval(Marquee3、スピード)}
 </ SCRIPT> 
 
<! -左スクロールコードの終わり- > 
 
<BR> 
 
< -以下である右のスクロールコード- >!
 
<divの上記のid = " butong_net_right "スタイル= " オーバーフロー:隠された;幅:500pxなど; " > 
<表のCELLPADDING = " 0 " CELLSPACING = " 0 "国境= " 0 " > 
<TR> <TDのID = "butong_net_right1 " VALIGN = " トップ" ALIGN =左= " センター" > 
<表のCELLPADDING = " 2 " CELLSPACINGは= " 0 "国境= " 0 " > 
<TR ALIGN =左= " センター" > 
<TD> <IMG SRC = " スクロールする挿入の必要性絵" > </ TD> 
<TD> <IMGのSRC = " 挿入画像をスクロールする必要がある" > </ TD> 
<TD> <IMGのSRC =を"スクロール画像を挿入する必要があります" > </ TD> 
<TD> <IMGのSRC = " 挿入画像をスクロールする必要が" > </ TD> 
<TD> <IMG SRC = " 画像をスクロールする挿入の必要性" > </ TD> 
</ TR> 
</表> 
</ TD> 
<TD ID = " butong_net_right2 " VALIGN = " トップ" > </ TD> 
</ TR> 
</テーブル> 
</ div> 
<SCRIPT> VARの速度= 30 // 低速大きい値 
butong_net_right2.innerHTML = butong_net_right1.innerHTML 
機能Marquee4(){ IF(butong_net_right.scrollLeft < = 0 
butong_net_right。scrollLeft + = butong_net_right2.offsetWidth
 {


butong_net_right.scrollLeft - 
} 
} 
VAR MyMar4 = たsetInterval(Marquee4、スピード)
butong_net_right.οnmοuseοver = 関数(){てclearInterval(MyMar4)} 
butong_net_right.οnmοuseοut =関数(){= MyMar4 のsetInterval(Marquee4、速度)}
 </ SCRIPT> 
 
<! -右スクロールコードの終わり- >
コードの表示

私は、このプロジェクトは誰もがからソースコードを共有するため、使用するには、このを取ることですやっていた。https://blog.csdn.net/sikong00/article/details/78628984

おすすめ

転載: www.cnblogs.com/liuchunlin/p/11608870.html