當前位置:編程學習大全網 - 源碼下載 - HTML語言如何從左到右連續滾動?

HTML語言如何從左到右連續滾動?

& lt!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN " " http://www . w3 . org/TR/XHTML 1/DTD/XHTML 1-Transitional . DTD " & gt;

& lthtml xmlns = " http://www . w3 . org/1999/XHTML " & gt;

& lthead & gt

& ltmeta http-equiv = " Content-Type " Content = " text/html;charset=utf-8" />

& lttitle & gt畫面向左滾動

& ltstyle type="text/css " >

& lt!-

#演示{

背景:# FFF;

溢出:隱藏;

邊框:1px虛線# CCC

寬度:900px

}

#演示圖像{

邊框:3px實心# F2F2F2

}

#indemo {

浮動:左;

寬度:800%;

}

#demo1 {

浮動:左;

}

#演示2 {

浮動:左;

}

-& gt;

& lt/style & gt;

& lt/head & gt;

& ltbody & gt

& ltdiv align = center & gt& ltdiv id = " demo " & gt

& ltdiv id="indemo " >

& ltdiv id="demo1 " >

& lta href="#" target="_blank " >& ltimg src = " file:///D |/我的文檔/我的圖片/8c7a 2834149 dcbf 4d 0a 2d 3c 5 . jpg " border = " 0 " width = " 100 " height = " 125 "/>;& lt/a & gt;

& lta href="#" target="_blank " >& ltimg src = " file:///D |/我的文檔/我的圖片/8c7a 2834149 dcbf 4d 0a 2d 3c 5 . jpg " border = " 0 " width = " 100 " height = " 125 "/>;& lt/a & gt;& lta href="#" target="_blank " >& ltimg src = " file:///D |/我的文檔/我的圖片/8c7a 2834149 dcbf 4d 0a 2d 3c 5 . jpg " border = " 0 " width = " 100 " height = " 125 "/>;& lt/a & gt;& lta href="#" target="_blank " >& ltimg src = " file:///D |/我的文檔/我的圖片/8c7a 2834149 dcbf 4d 0a 2d 3c 5 . jpg " border = " 0 " width = " 100 " height = " 125 "/>;& lt/a & gt;& lta href="#" target="_blank " >& ltimg src = " file:///D |/我的文檔/我的圖片/8c7a 2834149 dcbf 4d 0a 2d 3c 5 . jpg " border = " 0 " width = " 100 " height = " 125 "/>;& lt/a & gt;

& lt/div & gt;

& ltdiv id="demo2 " >& lt/div & gt;

& lt/div & gt;

& lt/div & gt;

& lt腳本& gt

& lt!-

var速度= 1;//數字越高,速度越慢。

var tab = document . getelementbyid(" demo ");

var tab 1 = document . getelementbyid(" demo 1 ");

var tab 2 = document . getelementbyid(" demo 2 ");

tab 2 . innerhtml = tab 1 . innerhtml;

函數Marquee(){

if(tab 2 . offsetwidth-tab . scroll left & lt;=0)

tab . scroll left-= tab 1 . offsetwidth

否則{

tab . scroll left++;

}

}

var MyMar=setInterval(Marquee,speed);

tab . onmouseover = function(){ clear interval(MyMar)};

tab . onmouseout = function(){ MyMar = setInterval(Marquee,speed)};

-& gt;

& lt/script & gt;

& lt/div & gt;

& lt/body & gt;

& lt/html & gt;

圖片的大小可以根據妳的圖片來設置。

  • 上一篇:適合異地戀的軟件有哪些
  • 下一篇:華為憑什麽做到智能穿戴
  • copyright 2024編程學習大全網