js实现图片向上连续滚动特效代码(含注释)

最新推荐文章于 2024-06-29 16:47:57 发布

cmmiao1103

最新推荐文章于 2024-06-29 16:47:57 发布

阅读量6.7k

点赞数

分类专栏： javascript 文章标签： function javascript div

本文链接：https://blog.csdn.net/cmmiao1103/article/details/2162001

版权

这篇博客展示了如何利用JavaScript实现一个图片向上连续滚动的特效。通过创建一个`div`元素并设置相应的CSS样式，然后配合JavaScript代码，当鼠标悬浮在滚动区域上时停止滚动，离开时恢复滚动。博客中提供了详细的代码实现和注释。

摘要由CSDN通过智能技术生成

<div id="marquees">  <a href=http://www.webjx.com/htmldata/2005-10-22/"#">链接1</a>
<br> <a href=http://www.webjx.com/htmldata/2005-10-22/"#">链接2</a>
<br> <a href=http://www.webjx.com/htmldata/2005-10-22/"#">链接3</a>
<br> <a href=http://www.webjx.com/htmldata/2005-10-22/"#">链接4</a>
<br> 
</div>

<script language="javascript">
<!--
marqueesHeight=200; //内容区高度
stopscroll=false; //这个变量控制是否停止滚动
with(marquees){
noWrap=true; //这句表内容区不自动换行
style.width=0; //于是我们可以将它的宽度设为0，因为它会被撑大
style.height=marqueesHeight;
style.overflowY="hidden"; //滚动条不可见
οnmοuseοver=new Function("stopscroll=true"