هل شاهدت معركة التركيز بين ألمانيا والبرتغال الليلة الماضية؟ في الصباح الباكر بتوقيت بكين ، تم القضاء على البرتغال بقيادة رونالدو من 0-4 ألمانيا ... وهو الفائز بجائزة غولدن غلوب ، والتمهيد الذهبي الأوروبي ، وبطل دوري أبطال أوروبا. في الفريق البرتغالي ... 9 صور C Ronaldo يخبرك بما يعنيه البكاء بدون دموع
نسخة الكود كما يلي:
<span style = "font-size: 14px ؛"> <! doctype html public "-// w3c // dtd xhtml 1.0 transitional // en"
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<title> صورة التمرير </title>
<meta http-equiv = "content-type" content = "text/html ؛ charset = utf-8">
<type type = "text/css">
جسم
{
حجم الخط: 12 بكسل ؛
Font-Family: "Microsoft Yahei" ، "Microsoft Yahei" ، "Simsun" ، "Songyi" ؛
الهامش: 0px ؛
الحشو: 0px ؛
محاذاة النص: المركز ؛
}
IMG
{
العرض: 150 بكسل ؛
الارتفاع: 150 بكسل ؛
}
.news_root
{
العرض: 225 بكسل ؛
الارتفاع: 134 بكسل ؛
محاذاة النص: اليسار ؛
الهامش: 0 Auto ؛
}
div .news_header
{
العرض: 243 بكسل ؛
الارتفاع: 16 بكسل ؛
المحاذاة الرأسية: أعلى ؛
محاذاة النص: اليسار ؛
حجم الخط: 14px ؛
الحشو: 6px ؛
}
#ScrollContainer
{
العرض: 345 بكسل ؛
الهامش: 2px 5px ؛
الفائض: مخفي.
محاذاة النص: اليسار ؛
}
</style>
</head>
<body>
<viv>
<viv> لن يبكي رويس ، تعال </div>
<div id = "scrollContainer">
<div id = "scrollcontent">
<griding>
<tr align = "middle">
<td id = "firstcol">
<griding>
<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>
</r>
</table>
</td>
<td id = "lastcol"> </td>
</r>
</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') ؛
// انسخ محتوى العمود الأول إلى العمود الثاني بحيث يبدو التمرير مستمرًا
lastcol.innerhtml = firstcol.innerhtml ؛
scrollContainer.style.width = scrollContWidth+"px" ؛
scrollContainer.style.height = scrollContheight+"px" ؛
scrollContainer.nowrap = true ؛
scrollContainer.onmouseover = وظيفة جديدة ("stopScroll = true ؛") ؛
scrollContainer.onmouseout = وظيفة جديدة ("stopScroll = false ؛") ؛
وظيفة init ()
{
scrollContainer.Scrollleft = 0 ؛
setInterval (scrollleft1 ، scrollspeed) ؛
}
init () ؛
var currleft = 0 ؛
وظيفة scrollleft1 ()
{
إذا (stopScroll == true) العودة ؛
currleft = scrollcontainer.scrollleft ؛
scrollContainer.Scrollleft += 1 ؛
إذا (currleft == scrollContainer.Scrollleft)
{
scrollContainer.Scrollleft = 0 ؛
scrollContainer.Scrollleft += 1 ؛
}
}
</script>
</body>
</html> </span>
تنزيل رمز المصدر