图片循环滚动代码详细介绍[通俗易懂]

图片循环滚动代码详细介绍[通俗易懂]以下是代码片段:                   var rollspeed=10 rolllink2.innerHTML=rolllink1.innerHTML function Marquee(){ if(rolllink2.offsetTop-rolllink.scrollLeftrolllink.scrollLeft-=rolllink1.of

大家好,又见面了,我是你们的朋友全栈君。

以下是代码片段:
<!–向左滚动代码开始–> 
<DIV id=rolllink style=”OVERFLOW: hidden; WIDTH: 162px; HEIGHT: 150px”><!–修改高–> 
<DIV id=rolllink1 style=”WIDTH: 560px; HEIGHT: 140px”><!–向上移动时,把高和宽的值相换–> 
<TABLE cellSpacing=5 width=”100%”> 
<tr> 
<td id=demo11 vAlign=top height=”160″><!–向上移动时修改:width=”160″–> 
<img src=”图片一”> 
<img src=”图片二”> 
<img src=”图片三”> 
<img src=”图片四”> 
</td> 
<td id=demo12 vAlign=top></td> 
</tr>  
</TABLE> 
</DIV> 
<DIV id=rolllink2></DIV> 
</DIV> 
<SCRIPT> 
var rollspeed=10 
rolllink2.innerHTML=rolllink1.innerHTML 
function Marquee(){ 
if(rolllink2.offsetTop-rolllink.scrollLeft<=0)//向上移动时修改:if(rolllink2.offsetTop-rolllink.scrollTop<=0) 
rolllink.scrollLeft-=rolllink1.offsetWidth//向上移动时修改:rolllink.scrollTop-=rolllink1.offsetheight 
else{ 
rolllink.scrollLeft++//向上移动时修改:rolllink.scrollTop++ 


var MyMar=setInterval(Marquee,rollspeed) 
rolllink.οnmοuseοver=function() {clearInterval(MyMar)} 
rolllink.οnmοuseοut=function() {MyMar=setInterval(Marquee,rollspeed)} 
</SCRIPT> 
<!–滚动代码结束–>

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/161335.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 新东方俞敏洪培训心得_西安新东方寒假班

    新东方俞敏洪培训心得_西安新东方寒假班 俞敏洪:选择改变生命  非常感谢同学们选择新东方的课堂,谢谢大家!  大家从全国各地来到新东方,只说明了一件事情,就是希望自己的前途更加灿烂。其实我们人生可以选择的机会不是太多,尽管我们常常发现前面有很多路,但是,选择就在关键的几个点上。选择,改变了我们的生命。  我们的生命基本在做两件事情,第一件事情,就是不断的积累,从上小学1+1=2开始,到上高…

    2022年9月4日
    1
  • vue项目部署后刷新404_vue重载当前页面

    vue项目部署后刷新404_vue重载当前页面vue页面访问正常,但是一刷新就会404的问题解决办法:第一种解决方法:将vue路由模式mode:’history’修改为mode:’hash’//router.js文件constrouter=newRouter({//mode:’history’,mode:’hash’,routes:[{path:’/’,redirect:’/login’},{path:’/login’,compon

    2022年10月10日
    0
  • hashmap线程安全吗 什么解决方案_hashtable为什么是线程安全

    hashmap线程安全吗 什么解决方案_hashtable为什么是线程安全前言该试题从互联网获得,真实性没有考究,加上本人学识浅薄,所以面试题参考为主,解析分享为主。若对解析有不同看法,还请评论指正。谢谢。HashMap为什么不是线程安全?以JDK1.8的HashMap为例,引用作者:一字马胡所写文章中的一张图:上图为…

    2022年9月25日
    0
  • 从0开始<十四>:模仿malloc和 free函数、strlen函数[通俗易懂]

    程序一:编写函数char*alloc(n)和voidafree(char*p)函数,这两个函数类似于malloc和free函数,其中第一个函数返回一个指向n个连续存储单元的指针,第二个函数释放已经分配单元的指针。思路:最容易实现方法是让一个大字符数组allocbuf中的空间进行分配。该数组是alloc和afree两个函数的私有数组。由于函数alloc和afree处理的对象时指针而不是

    2022年4月9日
    36
  • 利用linux BT5来破解无线 破解无线[通俗易懂]

    利用linux BT5来破解无线 破解无线

    2022年1月21日
    101
  • 神经网络学习–用卷积神经网络进行图像识别「建议收藏」

    神经网络学习–用卷积神经网络进行图像识别「建议收藏」卷积神经网络特别适合处理像图片、视频、音频、语言文字等,这些与相互位置有一定关系的数据。卷积神经网络(ConvolutionalNerualNetwork,CNN)为什么计算机可以处理图片–因为在计算机语言中图片可以用数字化,用四维数组来表示既然卷积神经网络可以处理图片,那么我们就要理解图片在计算机语言中是如何表达的。图片其实是“点阵”图,由一个个点按照一定的顺序组合而成,那我们就可以联想到一个概念–数组。图片可以分为三类:纯黑白图片、灰度图片、彩色图片关于图片数字化,以最.

    2022年6月1日
    37

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号