滚动特效图片代码
由左至右效果
代 码 如 下<table style="line-height: 25px;" border="10" borderColor="#6f00d2" cellPadding="0" width="600"
background="http://image61.360doc.com/DownloadImg/2013/05/2709/32634462_2.jpg" align="center" height="400">
<tbody style="line-height: 25px;">
<tr style="line-height: 25px;">
<td style="line-height: 25px;">
<div style="line-height: 25px;">
<marquee style="line-height: 25px;" direction="right" height="400" width="600" scrollAmount="4">
<marquee style="line-height: 25px;" height="400" width="600" scrollAmount="4"><img style="border-width: 0px; height: 400px; text-align: center; line-height: 25px; display: block; max-width: 100%; border-image: initial;" alt="特效图片合成代码【特效代码】 - 夏日清凉 - 夏日清凉的博客" src="">http://image61.360doc.com/DownloadImg/2013/05/2709/32634462_1.jpg">
</marquee></marquee></div></td></tr></tbody></table>
由右至左效果
代 码 如 下<table style="line-height: 25px;" border="10" borderColor="#6f00d2" cellPadding="0" width="600" background="http://image61.360doc.com/DownloadImg/2013/05/2709/32634462_2.jpg" align="center" height="400">
<tbody style="line-height: 25px;">
<tr style="line-height: 25px;">
<td style="line-height: 25px;">
<div style="line-height: 25px;">
<marquee style="line-height: 25px;" direction="left" height="400" width="600" scrollAmount="4">
<marquee style="line-height: 25px;" direction="right" height="400" width="600" scrollAmount="4"><img style="border-width: 0px; height: 400px; text-align: center; line-height: 25px; display: block; max-width: 100%; border-image: initial;" alt="特效图片合成代码【特效代码】 - 夏日清凉 - 夏日清凉的博客" src="//image61.360doc.com/DownloadImg/2013/05/2709/32634462_1.jpg">
</marquee></marquee></div></td></tr></tbody></table>
由上至下效果
代 码 如 下<table style="line-height: 25px;" border="10" borderColor="#6f00d2" cellPadding="0" width="600" background="http://image61.360doc.com/DownloadImg/2013/05/2709/32634462_2.jpg" align="center" height="400">
<tbody style="line-height: 25px;">
<tr style="line-height: 25px;">
<td style="line-height: 25px;">
<div style="line-height: 25px;">
<marquee style="line-height: 25px;" direction="down" height="400" width="600" scrollAmount="4">
<marquee style="line-height: 25px;" direction="up" height="400" width="600" scrollAmount="4"><img style="border-width: 0px; height: 400px; text-align: center; line-height: 25px; display: block; max-width: 100%; border-image: initial;" alt="特效图片合成代码【特效代码】 - 夏日清凉 - 夏日清凉的博客" src="//image61.360doc.com/DownloadImg/2013/05/2709/32634462_1.jpg">
</marquee></marquee></div></td></tr></tbody></table>
由下至上效果
代 码 如 下<table style="line-height: 25px;" border="10" borderColor="#6f00d2" cellPadding="0" width="600" background="http://image61.360doc.com/DownloadImg/2013/05/2709/32634462_2.jpg" align="center" height="400">
<tbody style="line-height: 25px;">
<tr style="line-height: 25px;">
<td style="line-height: 25px;">
<div style="line-height: 25px;">
<marquee style="line-height: 25px;" direction="up" height="400" width="600" scrollAmount="4">
<marquee style="line-height: 25px;" direction="down" height="400" width="600" scrollAmount="4"><img style="border-width: 0px; height: 400px; text-align: center; line-height: 25px; display: block; max-width: 100%; border-image: initial;" alt="特效图片合成代码【特效代码】 - 夏日清凉 - 夏日清凉的博客" src="//image61.360doc.com/DownloadImg/2013/05/2709/32634462_1.jpg">
</marquee></marquee></div></td></tr></tbody></table>
左右翻转效果
代 码 如 下<table style="line-height: 25px;" border="10" borderColor="#6f00d2" cellPadding="0" width="600" background="http://image61.360doc.com/DownloadImg/2013/05/2709/32634462_2.jpg" align="center" height="400">
<tbody style="line-height: 25px;">
<tr style="line-height: 25px;">
<td style="line-height: 25px;">
<div style="line-height: 25px;">
<marquee style="line-height: 25px;" direction="left" height="400" width="600" scrollAmount="4">
<marquee style="line-height: 25px;" direction="right" height="400" width="600" scrollAmount="4"><img style="border-width: 0px; height: 400px; text-align: center; line-height: 25px; display: block; filter: FlipH; max-width: 100%; border-image: initial;" alt="特效图片合成代码【特效代码】 - 夏日清凉 - 夏日清凉的博客" src="//image61.360doc.com/DownloadImg/2013/05/2709/32634462_2.jpg">
</marquee></marquee></div></td></tr></tbody></table>
上下翻转效果
代 码 如 下<table style="line-height: 25px;" border="10" borderColor="#6f00d2" cellPadding="0" width="600" background="http://image61.360doc.com/DownloadImg/2013/05/2709/32634462_2.jpg" align="center" height="400">
<tbody style="line-height: 25px;">
<tr style="line-height: 25px;">
<td style="line-height: 25px;">
<div style="line-height: 25px;">
<marquee style="line-height: 25px;" direction="left" height="400" width="600" scrollAmount="4">
<marquee style="line-height: 25px;" direction="right" height="400" width="600" scrollAmount="4"><img style="border-width: 0px; height: 400px; text-align: center; line-height: 25px; display: block; filter: FlipV; max-width: 100%; border-image: initial;" alt="特效图片合成代码【特效代码】 - 夏日清凉 - 夏日清凉的博客" src="//image61.360doc.com/DownloadImg/2013/05/2709/32634462_2.jpg">
</marquee></marquee></div></td></tr></tbody></table>