어젯밤 독일과 포르투갈 사이의 포커스 전투를 보았습니까? 이른 아침 베이징 시간에 호날두가 이끄는 포르투갈은 독일 0-4 독일에서 지워졌습니다. 그는 골든 글로브, 유럽 골든 부트 및 유럽 챔피언스 리그 챔피언의 우승자입니다. 포르투갈어 팀에서 ... 9 사진 C Ronaldo는 눈물없이 울음의 의미를 알려줍니다.
코드 사본은 다음과 같습니다.
<span style = "font-size : 14px;"> <! doctype html public "-// w3c // dtd xhtml 1.0 Transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<헤드>
<title> 스크롤 이미지 </title>
<meta http-equiv = "content-type"content = "text/html; charset = utf-8">
<스타일 유형 = "텍스트/CSS">
몸
{
글꼴 크기 : 12px;
Font-Family : "Microsoft Yahei", 'Microsoft Yahei', 'Simsun', 'Songyi';
여백 : 0px;
패딩 : 0px;
텍스트 정렬 : 센터;
}
IMG
{
너비 : 150px;
높이 : 150px;
}
.news_root
{
너비 : 225px;
높이 : 134px;
텍스트 정렬 : 왼쪽;
여백 : 0 Auto;
}
Div .news_header
{
너비 : 243px;
높이 : 16px;
수직 정상 : 상단;
텍스트 정렬 : 왼쪽;
글꼴 크기 : 14px;
패딩 : 6px;
}
#ScrollContainer
{
너비 : 345px;
여백 : 2px 5px;
오버플로 : 숨겨진;
텍스트 정렬 : 왼쪽;
}
</스타일>
</head>
<body>
<div>
<div> Royce는 울지 않을 것입니다
<div id = "ScrollContainer">
<div id = "scrollContent">
<테이블>
<tr align = "middle">
<td id = "FirstCol">
<테이블>
<tr>
<td> <img src = "c1.jpg"> </td>
<td> <img src = "c2.jpg"> </td>
<td> <img src = "c3.jpg"> </td>
<td> <img src = "c4.jpg"> </td>
<td> <img src = "c5.jpg"> </td>
<td> <img src = "c6.jpg"> </td>
<td> <img src = "c7.jpg"> </td>
<td> <img src = "c8.jpg"> </td>
<td> <img src = "c9.jpg"> </td>
</tr>
</테이블>
</td>
<td id = "lastcol"> </td>
</tr>
</테이블>
</div>
</div>
</div>
<script type = "text/javaScript">
var stopscroll = false;
var scrollcontheight = 155;
var scrollcontwidth = 300;
var scrollspeed = 25;
var scrollcontainer = document.getElementById ( 'scrollContainer');
var scrollContent = document.getElementById ( 'scrollContent');
var firstcol = document.getElementById ( 'firstCol');
var lastcol = document.getElementById ( 'lastcol');
// 스크롤이 연속적으로 보이도록 첫 번째 열의 내용을 두 번째 열에 복사합니다.
lastcol.innerhtml = firstcol.innerhtml;
scrollcontainer.style.width = scrollcontwidth+"px";
scrollcontainer.style.height = scrollcontheight+"px";
scrollcontainer.nowrap = true;
scrollcontainer.onmouseOver = new 함수 ( "stopscroll = true;");
scrollcontainer.onmouseout = new 함수 ( "stopscroll = false;");
함수 init ()
{
scrollcontainer.scrollleft = 0;
setInterval (scrollleft1, scrollspeed);
}
init ();
var currleft = 0;
함수 scrollleft1 ()
{
if (stopscroll == true) 반환;
Currleft = scrollcontainer.scrollleft;
scrollcontainer.scrollleft += 1;
if (currleft == scrollcontainer.scrollleft)
{
scrollcontainer.scrollleft = 0;
scrollcontainer.scrollleft += 1;
}
}
</스크립트>
</body>
</html> </span>
소스 코드 다운로드