Dreamweaver制作图片左右滚动的完整代码怎么编写? 5
展开全部
<!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">
<!--
#aa {
height: 150px;
position: relative;
border: 1px solid #000000;
width: 585px;
overflow: hidden;
margin: 0px;
padding: 0px;
}
#aatable {
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
position: absolute;
left: 0px;
top: 0px;
}
-->
</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里面的图片 你自己找图片放进去就行了,欢迎采纳,
<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">
<!--
#aa {
height: 150px;
position: relative;
border: 1px solid #000000;
width: 585px;
overflow: hidden;
margin: 0px;
padding: 0px;
}
#aatable {
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
position: absolute;
left: 0px;
top: 0px;
}
-->
</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里面的图片 你自己找图片放进去就行了,欢迎采纳,
博思aippt
2024-07-20 广告
2024-07-20 广告
作为深圳市博思云创科技有限公司的工作人员,对于Word文档生成PPT的操作,我们有以下建议:1. 使用另存为功能:在Word中编辑完文档后,点击文件->另存为,选择PowerPoint演示文稿(*.pptx)格式,即可将文档内容转换为PPT...
点击进入详情页
本回答由博思aippt提供
展开全部
<marquee><img src="图片地址"></marquee>
使用这个代码就可以了,而且可以稍微修改下的。
<marquee>标签是滚动字幕标签,里面可以嵌套很多标签,比如<p>标签、<a>标签、<img>标签,我给你的这个代码就是嵌套<img>标签的应用 左右滚动可以
以下是这个标签的参数:
(1)scrollAmount:它表示速度,值越大速度越快。如果没有它,默认为6,建议设为1~3比较好。
(2)width和height:表示滚动区域的大小,width是宽度,height是高度。特别是在做垂直滚动的时候,一定要设height的值。
(3)direction:表示滚动的方向,默认为从右向左(left):可选的值有right、down、up。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询