& lttable width = \" 100% \" border = \" 0 \" cellspacing = \" 0 \" cell padding = \" 0 \" class = \" typical _ table \" >& lttr & gt& ltTD valign = \" middle \" class = \" typical _ " />
當前位置:股票大全官網 - 財經新聞 - 從數據中取出10張,如何實現無縫滾動?

從數據中取出10張,如何實現無縫滾動?

& ltdiv class="typical " >

& lttable width = " 100% " border = " 0 " cellspacing = " 0 " cell padding = " 0 " class = " typical _ table " >

& lttr & gt

& ltTD valign = " middle " class = " typical _ LR " >& lta href = " JavaScript:void(0);"onmouseover = " over mar(1);"onmouseout = " outMar();奧弗馬爾(0);"& gt& ltimg src = " images/left _ BTN . gif "/& gt;& lt/a & gt;& lt/TD & gt;

& lttd rowspan="2 " >

& ltdiv id = " demo " style = " OVERFLOW:hidden;寬度:825px”& gt

& lttable cell padding = " 0 " cellspacing = " 0 " border = " 0 " id = " demo " & gt;

& lttr & gt

& lttd id="demo1 " >

& lt表格cell padding = " 0 " cellspacing = " 0 " border = " 0 " & gt;

& lttr class = " link 4 " style = " line-height:25px;"& gt

& ltTD align = " center " width = " 165 " valign = " top " >& ltImg src= "圖片/客戶/北京大學。gif "/>;& ltbr/>;北京大學。

& ltTD align = " center " width = " 165 " valign = " top " >& ltImg src="images/customers/清華大學。gif "/>;& ltbr/>;清華大學。

& ltTD align = " center " width = " 165 " valign = " top " >& ltImg src="images/customers/中國政法大學和Law.jpg jpg "/& gt;& ltbr/>;中國政法大學

& ltTD align = " center " width = " 165 " valign = " top " >& ltimg src = " images/customers/Yale University.jpg jpg "/& gt。& ltbr/>;耶魯大學

& ltTD align = " center " width = " 165 " valign = " top " >& ltimg src = " images/customers/Harvard . gif gif "/& gt;& ltbr/>;哈佛大學

& ltTD align = " center " width = " 165 " valign = " top " >& ltImg src="images/customers/西南政法大學和Law.jpg jpg "/& gt;& ltbr/>;西南政法大學

& ltTD align = " center " width = " 165 " valign = " top " >& ltImg src="images/customers/西北政治大學和law.jpg jpg "/& gt;& ltbr/>;西北政法大學。

& ltTD align = " center " width = " 165 " valign = " top " >& ltImg src="images/customers/華東政法大學和Law.jpg jpg "/& gt;& ltbr/>;華東政法大學

& ltTD align = " center " width = " 165 " valign = " top " >& ltImg src="images/customers/中南財經大學和Law.jpg jpg "/& gt;& ltbr/>;中南財經政法大學

& ltTD align = " center " width = " 165 " valign = " top " >& ltImg src="images/customers/湖南University.jpg jpg "/& gt;& ltbr/>;湖南大學

& ltTD align = " center " width = " 165 " valign = " top " >& ltimg src = " images/customers/Wuhan university.jpg jpg "/& gt;& ltbr/>;武漢大學

& ltTD align = " center " width = " 165 " valign = " top " >& ltImg src="images/customers/浙江University.jpg jpg "/& gt;& ltbr/>;浙江大學

& ltTD align = " center " width = " 165 " valign = " top " >& ltimg src = " images/customers/Nanjing university.jpg jpg "/& gt;& ltbr/>;南京大學

& ltTD align = " center " width = " 165 " valign = " top " >& ltImg src="images/customers/華僑University.jpg jpg "/& gt;& ltbr/>;華僑大學

& ltTD align = " center " width = " 165 " valign = " top " >& ltimg src = " images/customers/Fudan university.jpg jpg "/& gt;& ltbr/>;復旦大學

& ltTD align = " center " width = " 165 " valign = " top " >& ltImg src="images/customers/山東university.jpg jpg "/& gt;& ltbr/>;山東大學

& ltTD align = " center " width = " 165 " valign = " top " >& ltImg src="images/customers/東北財經大學和Economics.jpg jpg "/& gt;& ltbr/>;東北財經大學

& ltTD align = " center " width = " 165 " valign = " top " >& ltImg src="images/customers/上海交通University.jpg jpg "/& gt;& ltbr/>;上海交通大學

& ltTD align = " center " width = " 165 " valign = " top " >& ltimg src = " images/customers/Dalian Medical University.jpg jpg "/& gt;& ltbr/>;大連醫科大學

& ltTD align = " center " width = " 165 " valign = " top " >& ltimg src = " images/customers/Commerce.jpg哈爾濱大學jpg "/& gt;& ltbr/>;哈爾濱商業大學

& ltTD align = " center " width = " 165 " valign = " top " >& ltImg src="images/customers/江西財經大學. BMP BMP "/& gt;& ltbr/>;江西財經大學

& ltTD align = " center " width = " 165 " valign = " top " >& ltimg src = " images/customers/Kong.jpg中文大學jpg "/& gt;& ltbr/>;香港中文大學

& ltTD align = " center " width = " 165 " valign = " top " >& ltimg src = " images/customers/Kong.jpg公開大學jpg "/& gt;& ltbr/>;香港公開大學

& ltTD align = " center " width = " 165 " valign = " top " >& ltImg src="images/customers/中國社會科學院法學研究所。jpg "/>;& ltbr/>;中國社會科學院法學研究所

& ltTD align = " center " width = " 165 " valign = " top " >& ltImg src="images/customers/上海社會科學院法學研究所。BMP "/>;& ltbr/>;上海社會科學院法學研究所

& ltTD align = " center " width = " 165 " valign = " top " >& ltimg src = " images/customers/Sciences.jpg社會科學院法學研究所jpg "/& gt;& ltbr/>;深圳社會科學院法學研究所

& lt/tr & gt;

& lt/table & gt;

& lt/TD & gt;

& lttd id="demo2 " >& lt/TD & gt;

& lt/tr & gt;

& lt/table & gt;

& lt/div & gt;

& lt/TD & gt;

& ltTD valign = " middle " class = " typical _ LR " >& lta href = " JavaScript:void(0);"onmouseover = " over mar(0);"onmouseout = " outMar();奧弗馬爾(0);"& gt& ltimg src = " images/right _ BTN . gif "/& gt;& lt/a & gt;& lt/TD & gt;

& lt/tr & gt;

& lttr & gt

& lttd class = " " & gt?& lt/TD & gt;

& lttd class = " " & gt?& lt/TD & gt;

& lt/tr & gt;

& lt/table & gt;

& lt腳本語言= " JavaScript " type = " text/JavaScript " & gt;

Var speed=10//速度值越大,速度越慢。

var MyMar

document.getElementById("demo2 ")。innerHTML = document . getelementbyid(" demo 1 ")。innerHTML

//向左移動

函數MarqueeAdd(){

if(document . getelementbyid(" demo 2 ")。offsetWidth-document . getelementbyid(" demo ")。scrollLeft & lt=0){

document.getElementById("demo ")。scroll left = document . getelementbyid(" demo ")。scroll left-document . getelementbyid(" demo 1 ")。offsetWidth

}

否則{

document.getElementById("demo ")。scroll left++;

}

}

//向右移動

函數MarqueeDes(){

if(document . getelementbyid(" demo 2 ")。offsetWidth-document . getelementbyid(" demo ")。scrollLeft & gt=0){

document.getElementById("demo ")。scroll left = document . getelementbyid(" demo ")。scroll left+document . getelementbyid(" demo 1 ")。offsetWidth

}

否則{

document.getElementById("demo ")。scroll left-;

}

}

//鼠標停止。

函數outMar(){

clear interval(MyMar);

}

//鼠標在滾動條上滑動。

函數overMar(jadge){

outMar();

if(jadge==0){

MyMar=setInterval(MarqueeAdd,speed);

}

否則{

MyMar=setInterval(MarqueeDes,speed);

}

}

奧維馬爾(0);

& lt/script & gt;

& lt/div & gt;