logo
搜索
我的图书馆

发文章

发文工具

其他工具

留言交流
搜索
分享

滚动特效图片代码=春天没来老师帮处理乱码调边框

 梅竹苑869 2013-10-19
滚动特效图片代码

由左至右效果

特效图片合成代码【特效代码】 - 夏日清凉 - 夏日清凉的博客
代 码 如 下
<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="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="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="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="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="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; filter: FlipH; max-width: 100%; border-image: initial;" alt="特效图片合成代码【特效代码】 - 夏日清凉 - 夏日清凉的博客" src="http://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="http://image61.360doc.com/DownloadImg/2013/05/2709/32634462_2.jpg">
</marquee></marquee></div></td></tr></tbody></table>

 

    本站是提供个人知识管理的网络存储空间，所有内容均由用户发布，不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息，谨防诈骗。如发现有害或侵权内容，请点击一键举报。
    转藏 分享 献花（0）

    来自： 梅竹苑869 > 《梅竹作品》

    举报/认领

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多