图片加文字循环显示，每次只出现一张，用HTML代码怎样实现？如这个网页中的。

http://www.seiee.sjtu.edu.cn/右边那个“师资介绍”网上有不少仅仅是图片循环的代码，我想要这个页面中的“图片+文字”的效果，但不需要加链接。... http://www.seiee.sjtu.edu.cn/ 右边那个“师资介绍”

网上有不少仅仅是图片循环的代码，我想要这个页面中的“图片+文字”的效果，但不需要加链接。展开

 我来答

2个回答

#合辑# 机票是越早买越便宜吗？

维娜910221
2012-04-12

知道答主

回答量：36

采纳率：0%

帮助的人：11万

我也去答题访问个人页

关注

展开全部

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">

</style>

</head>

<body>

<div id="colee_lefta" class="colee_div">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>

<td id="colee_lefta1">
<ul class="piclist">
<li><a href="."><img src="/" /></a><a href="" class="pictxt">sdfsdfsdf</a></li>
<li><a href="."><img src="/" /></a><a href="" class="pictxt">sdfsdfsdf</a></li>
<li><a href="."><img src="/" /></a><a href="" class="pictxt">sdfsdfsdf</a></li>
<li><a href="."><img src="/" /></a><a href="" class="pictxt">sdfsdfsdf</a></li>
<li><a href="."><img src="/" /></a><a href="" class="pictxt">sdfsdfsdf</a></li>
<li><a href="."><img src="/" /></a><a href="" class="pictxt">sdfsdfsdf</a></li>
<li><a href="."><img src="/" /></a><a href="" class="pictxt">sdfsdfsdf</a></li>
<li><a href="."><img src="/" /></a><a href="" class="pictxt">sdfsdfsdf</a></li>
</ul>
</td>
<td id="colee_lefta2"> </td>
</tr>
</table>
</div>
<script type="text/javascript">

// JavaScript Document

//使用div时，请保证colee_left2与colee_left1是在同一行上.
var speed = 20; //速度数值越大速度越慢
var colee_lefta2 = document.getElementById("colee_lefta2");
var colee_lefta1 = document.getElementById("colee_lefta1");
var colee_lefta = document.getElementById("colee_lefta");
colee_lefta2.innerHTML = colee_lefta1.innerHTML;
function Marquee1() {
if (colee_lefta2.offsetWidth - colee_lefta.scrollLeft <= 0) { //offsetWidth 是对象的可见宽度
colee_lefta.scrollLeft -= colee_lefta1.offsetWidth; //scrollWidth 是对象的实际内容的宽，不包边线宽度
} else {
colee_lefta.scrollLeft++;
}
}
var MyMar1 = setInterval(Marquee1, speed);
colee_lefta.onmouseover = function() {
clearInterval(MyMar1);
}
colee_lefta.onmouseout = function() {
MyMar1 = setInterval(Marquee1, speed);
}
</script>
</body>
</html>

本回答由网友推荐

已赞过 已踩过<

评论收起

wijwccihp
2012-04-12

知道答主

回答量：45

采纳率：0%

帮助的人：30.7万

我也去答题访问个人页

关注

展开全部

请指教。有时在表格内只有一张图片循环滚动，我想让其它的照片一起跟着循环还可以加入如下鼠标事件，当鼠标划过时停止。 </marquee onmouseover=this.,

已赞过 已踩过<

评论收起

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

图片加文字循环显示，每次只出现一张，用HTML代码怎样实现？如这个网页中的。

其他类似问题

为你推荐：