¿Viste la batalla focal entre Alemania y Portugal anoche? A primera hora de la mañana de Beijing, Portugal dirigido por Ronaldo fue eliminado 0-4 Alemania ... Es el ganador de los Globos de Oro, el Boot de Oro Europeo y el campeón de la Liga de Campeones de la Europa. En el equipo portugués ... 9 fotos C Ronaldo te dice lo que significa llorar sin lágrimas
La copia del código es la siguiente:
<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">
<Evista>
<title> Imagen de desplazamiento </title>
<meta http-equiv = "content-type" content = "text/html; charset = utf-8">
<style type = "text/css">
Cuerpo
{
tamaño de fuente: 12px;
Font-Family: "Microsoft Yahei", 'Microsoft Yahei', 'Simsun', 'Songyi';
margen: 0px;
relleno: 0px;
Text-Align: Center;
}
img
{
Ancho: 150px;
Altura: 150px;
}
.news_root
{
Ancho: 225px;
Altura: 134px;
text-align: izquierda;
margen: 0 auto;
}
div .news_header
{
Ancho: 243px;
Altura: 16px;
Align vertical: arriba;
text-align: izquierda;
tamaño de fuente: 14px;
relleno: 6px;
}
#ScrollContainer
{
Ancho: 345px;
margen: 2px 5px;
desbordamiento: oculto;
text-align: izquierda;
}
</style>
</ablo>
<Body>
<div>
<div> Royce no llorará, vamos </div>
<div id = "scrollContainer">
<div id = "scrollContent">
<Table>
<tr align = "Middle">
<td id = "firstCol">
<Table>
<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>
</table>
</td>
<td id = "lastcol"> </td>
</tr>
</table>
</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');
// Copiar el contenido de la primera columna a la segunda columna para que el desplazamiento se vea continuo
lastCol.innerHtml = FirstCol.innerhtml;
scrollContainer.style.width = scrollContWidth+"px";
scrollContainer.style.Height = scrollContheight+"Px";
scrollContainer.nowrap = true;
scrollContainer.onmouseover = nueva función ("stopScroll = true;");
scrollContainer.onmouseOut = nueva función ("stopScroll = false;");
función init ()
{
scrollContainer.scrollleft = 0;
setInterval (scrollleft1, scrollspeed);
}
init ();
var Currleft = 0;
función scrollleft1 ()
{
if (stopScroll == true) return;
Currleft = scrollContainer.scrollleft;
scrollContainer.scrollleft += 1;
if (Currleft == scrollContainer.scrollleft)
{
scrollContainer.scrollleft = 0;
scrollContainer.scrollleft += 1;
}
}
</script>
</body>
</html> </span>
Descarga del código fuente