Dreamweaver制作图片左右滚动的完整代码怎么编写?

发布网友发布时间：2022-04-23 05:28

我来回答

共2个回答

热心网友时间：2022-04-06 14:51

使用这个代码就可以了，而且可以稍微修改下的。

<marquee>标签是滚动字幕标签，里面可以嵌套很多标签，比如<p>标签、<a>标签、<img>标签，我给你的这个代码就是嵌套<img>标签的应用左右滚动可以

以下是这个标签的参数：

(1)scrollAmount：它表示速度，值越大速度越快。如果没有它，默认为6，建议设为1～3比较好。

(2)width和height：表示滚动区域的大小，width是宽度，height是高度。特别是在做垂直滚动的时候，一定要设height的值。

(3)direction：表示滚动的方向，默认为从右向左(left)：可选的值有right、down、up。

热心网友时间：2022-04-06 16:09

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">

</style>
<script type="text/javascript">
function copyaa()
{
var onetab=document.getElementById("a").getElementsByTagName("table")[0];
var twotab=onetab.cloneNode(true);
document.getElementById("b").appendChild(twotab);
mmm();
}
function mmm()
{
var obj=document.getElementById("aatable");
var left=obj.style.left;
left=eval(left.replace("px",""));

left-=5;
if(left<=-956)
{
left=0;
}
obj.style.left=left+"px";

setTimeout("mmm()",50);
}

</script>

</head>

<body onload="copyaa()">
<div id="aa">
<table border="0" cellspacing="0" cellpadding="0" id="aatable" style="left:0">
<tr>
<td id="a">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/3.jpg" /></td>
<td><img src="images/5.jpg" /></td>
<td><img src="images/6.jpg" /></td>
<td><img src="images/8.jpg" /></td>
</tr>
</table>
</td>
<td id="b"></td>
</tr>
</table>
</div>

</body>
</html>
td里面的图片你自己找图片放进去就行了，欢迎采纳，

全部频道

Dreamweaver制作图片左右滚动的完整代码怎么编写?