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

图片循环滚动代码详细介绍[通俗易懂]以下是代码片段:                   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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • Echarts数据可视化全解注释

    Echarts数据可视化全解注释学习了百度Echart官方教程,不得不说官方教程还是非常不错了。这里对Echart所有教程知识进行了总结。自己喜欢边学边总结边写demo,所以写了这篇文章,包含了大部分的Echarts编程知识。让你一个demo掌握Echarts所有编程,如果有问题可以留言。此demo除了必须的链接文件外,主要包括17个文件:index.html和index.js、coordinate-geo.js、coor

    2022年7月18日
    34
  • C语言中输入输出所有格式控制符

    C语言中输入输出所有格式控制符title:C语言中输入输出所有格式控制符date:2020-01-1617:02:06description:C语言输入输出的所有格式控制详解C语言中输入输出所有格式控制符 最近在重温C语言,发现C语言的输入输出函数scanf和printf函数在控制输入输出时有许多控制符来控制输入输出数据的格式。于是就打算来整理一下。参考百度百科词条 scanf()是C语言中的一个输入…

    2022年7月24日
    18
  • Git权威指南学习笔记(二)Git暂存区[通俗易懂]

    Git权威指南学习笔记(二)Git暂存区

    2022年1月23日
    50
  • 小程序点击复制功能_怎么复制小程序链接

    小程序点击复制功能_怎么复制小程序链接先来说明一下我们需要实现的最终效果:用户点击之后复制页面内容。参考详情一、长按复制:长按复制,在微信小程序内的文字无法长按复制,除了text节点以外,但是要在text标签内加一个“selectable”属性。话不多说,我们直接上代码1.WXML<textselectable=”true”>长按复制<text/>二、一键复制:添加点击事件,绑定…

    2022年9月29日
    2
  • 背句子,记单词1「建议收藏」

    背句子,记单词1「建议收藏」7000词汇这么背我比较可以接受,连续看20天足以过八级!!(16天完整版)16天记住7000考研词汇(第一天)1.WithmyownearsIclearlyheardtheheartbeatofthenuclearbomb.我亲耳清楚地听到原子弹的心脏的跳动。2.Nextyearthebeardedbearwillbear…

    2022年8月24日
    5
  • 安装虚拟机不支持i686 cpu的解决办法

    安装虚拟机不支持i686 cpu的解决办法作者:朱金灿来源:http://blog.csdn.net/clever101在thinkpad笔记本上安装ubuntu-14.04-desktop虚拟机,提示:thiskernelrequresanx86-64cpu,butonlydetectedani686cpu,如图:网上搜了下,是电脑的bios的虚拟化选项没有打开的缘…

    2022年6月4日
    100

发表回复

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

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