首页 > 代码库 > JavaScript实现简单图片滚动 --9张图告诉你，C罗欲哭无泪

JavaScript实现简单图片滚动 --9张图告诉你，C罗欲哭无泪

2024-07-08 13:59:32   216人阅读

源码下载：http://download.csdn.net/detail/u011043843/7510425


昨晚德国和葡萄牙的焦点之战你看了吗？北京时间凌晨的比赛中，C罗领衔的葡萄牙0-4德国被完灭……他是金球奖得主、欧洲金靴、欧冠冠军核心，在葡萄牙队……9张图 C罗告诉你什么叫欲哭无泪快哭了委屈

<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">
<head>
	<title>Scroll Image</title>
	<meta http-equiv="content-type" content="text/html;charset=utf-8">
	<style type="text/css">
		body
		{
			font-size:12px;
			font-family: "Microsoft Yahei",'微软雅黑','SimSun','宋体';
			margin: 0px;
			padding:0px;
			text-align: center;
		}
		img
		{
			width: 150px;
			height: 150px;
		}
		.news_root
		{
			width: 225px;
			height: 134px;
			text-align: left;
			margin: 0 auto;
		}
		div .news_header
		{
			width: 243px;
			height: 16px;
			vertical-align: top;
			text-align: left;
			font-size: 14px;
			padding: 6px;
		}
		#scrollContainer
		{
			width: 345px;
			margin: 2px 5px;
			overflow: hidden;
			text-align: left;
		}
	</style>
</head>
<body>
	<div class="news_root">
		<div class="news_header">C罗不哭，加油</div>
		<div id="scrollContainer">
			<div id="scrollContent">
				<table border="0">
					<tr align="middle">
						<td id="firstCol">
							<table border="0">
								<tr>
									<td><img src=http://www.mamicode.com/"c1.jpg" alt="C罗加油">>


联系
我们