Pageadmin如何实现滚动广告图片特效(二)
2010-03-01 23:33
447 查看
<tr align="center">
<td height="50"><img height="50" alt="" width="200" src="/upload/FCKeditor/2009-12/01220956.gif" /></td>
</tr>
<tr align="center">
<td height="50"><img height="50" alt="" width="200" src="/upload/FCKeditor/2009-12/01221020.bmp" /></td>
</tr>
<tr align="center">
<td height="50"><img height="50" alt="" width="200" src="/upload/FCKeditor/2009-12/01220940.gif" /></td>
</tr>
<tr align="center">
<td height="50"><img height="50" alt="" width="200" src="/upload/FCKeditor/2009-12/01220956.gif" /></td>
</tr>
<tr align="center">
<td height="50"><img height="50" alt="" width="200" src="/upload/FCKeditor/2009-12/01221020.bmp" /></td>
</tr>
<tr align="center">
<td height="50"><img height="50" alt="" width="200" src="/upload/FCKeditor/2009-12/01220940.gif" /></td>
</tr>
</tbody>
</table>
</div>
<div id="demo2"> </div>
</div>
<SCRIPT>
var speed=20
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetTop-demo.scrollTop<=0)
{demo.scrollTop-=demo1.offsetHeight}
else
{demo.scrollTop++;}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar);}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed);}
</SCRIPT>
大小和图片位置自己设置就可以实现了。
<td height="50"><img height="50" alt="" width="200" src="/upload/FCKeditor/2009-12/01220956.gif" /></td>
</tr>
<tr align="center">
<td height="50"><img height="50" alt="" width="200" src="/upload/FCKeditor/2009-12/01221020.bmp" /></td>
</tr>
<tr align="center">
<td height="50"><img height="50" alt="" width="200" src="/upload/FCKeditor/2009-12/01220940.gif" /></td>
</tr>
<tr align="center">
<td height="50"><img height="50" alt="" width="200" src="/upload/FCKeditor/2009-12/01220956.gif" /></td>
</tr>
<tr align="center">
<td height="50"><img height="50" alt="" width="200" src="/upload/FCKeditor/2009-12/01221020.bmp" /></td>
</tr>
<tr align="center">
<td height="50"><img height="50" alt="" width="200" src="/upload/FCKeditor/2009-12/01220940.gif" /></td>
</tr>
</tbody>
</table>
</div>
<div id="demo2"> </div>
</div>
<SCRIPT>
var speed=20
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetTop-demo.scrollTop<=0)
{demo.scrollTop-=demo1.offsetHeight}
else
{demo.scrollTop++;}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar);}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed);}
</SCRIPT>
大小和图片位置自己设置就可以实现了。
相关文章推荐
- Pageadmin如何实现滚动广告图片特效(一)
- PageAdmin如何实现导航栏滚动图片效果。
- PageAdmin如何实现图片切换与文章同时显示效果。
- Pageadmin如何实现导航栏滚动公告效果。
- 图片滚动特效实现方法的分析(JavaScript)
- 如何实现图片的无缝循环向上,下,右滚动
- 原生js实现tab选项卡里内嵌图片滚动特效代码
- js实现左右点击图片层叠滚动特效
- Android循环滚动广告条的完美实现,封装方便,平滑过渡,从网络加载图片,点击广告进入对应网址
- js实现的图片滚动兼展示效果的特效
- 网页特效——图片翻页和图片滚动的实现方法
- JQuery实现页面企业广告图片切换和新闻列表滚动效果
- jquery实现图片左右间隔滚动特效(可自动播放)
- JS实现图片无缝滚动特效;附addEventListener()方法、offsetLeft和offsetWidth属性。
- 利用JQuery实现广告动态滚动特效
- 用roll.js实现的图片自动滚动+鼠标触动的特效
- PageAdmin使如何实现网站顶部效果。
- PageAdmin如何实现自定义头信息效果。
- ionic 实现广告图片无限滚动标签介绍
- js实现图片无缝滚动特效