<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN" lang="zh-CN">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title></title>
<style>
#scrolltext {
height: 200px;
width: 190px;
}
#div {
height: 120px;
width:auto;
}
</style>
</head>
<body>
<table id="scrolltext"
cellSpacing =0 cellPadding=0
background="http://img03.taobaocdn.com/imgextra/i3/1639856458/T2CfKnXz4XXXXXXXXX_!!1639856458.png">
<tbody>
<tr>
<td align=middle><div id="div">
<marquee onmouseover=this.stop() onmouseout=this.start() scrollDelay=100 scollAmount=1 direction=up width=175px height=153px />
<font face=楷体 color=#ffffff size=3.5><a href="#" >临欢迎光临<BR />
"宝贝足迹”淘宝店,<BR />
我们为您提供<BR />
个性化、专业化的<BR />
纪念币定制服务。</font>
</marguee>
<strong></a> </div></td>
</tr>
</tbody>
</table>
</body>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN" lang="zh-CN">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title></title>
<style>
#scrolltext {
height: 200px;
width: 190px;
}
#div {
height: 120px;
width:auto;
}
</style>
</head>
<body>
<table id="scrolltext"
cellSpacing =0 cellPadding=0
background="http://img03.taobaocdn.com/imgextra/i3/1639856458/T2CfKnXz4XXXXXXXXX_!!1639856458.png">
<tbody>
<tr>
<td align=middle><div id="div">
<marquee onmouseover=this.stop() onmouseout=this.start() scrollDelay=100 scollAmount=1 direction=up width=175px height=153px />
<font face=楷体 color=#ffffff size=3.5><a href="#" >临欢迎光临<BR />
"宝贝足迹”淘宝店,<BR />
我们为您提供<BR />
个性化、专业化的<BR />
纪念币定制服务。</font>
</marguee>
<strong></a> </div></td>
</tr>
</tbody>
</table>
</body>
</html>
关键代码:
<marquee onmouseover=this.stop() onmouseout=this.start() scrollDelay=100 scollAmount=1 direction=up width=175px height=153px />
behavior:(交替效果)alternate 、(幻灯片效果,指的是滚动一次,然后停止滚动)slide、(表示由一端滚动到另一端,会重复)scroll;