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

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


相关推荐

  • matlab逆变的参数设计,基于Matlab的孤立逆变电源设计方案 – 全文

    matlab逆变的参数设计,基于Matlab的孤立逆变电源设计方案 – 全文基于Matlab软件平台,采用双环控制策略设计的逆变源,利用Matlab-Simulink-SimPowerSystems的工具箱进行建模仿真,验证了本文所设计方案的可行性和有效性。0引言随着太阳能、风能等可再生能源的发展,分布式发电以其环境污染少、能源综合利用率高、供电可靠等优点,逐渐成为了各国家竞相研究的热点,在美国、欧洲等技术成熟的国家和地区,以将其广泛应用在微电网中。逆变电源作为一种有效…

    2022年6月11日
    67
  • ArcGIS二次开发基础教程(06):有关图层的基本操作

    ArcGIS二次开发基础教程(06):有关图层的基本操作ArcGIS二次开发基础教程(06):有关图层的基本操作0.PageLayout和MapControl的同步voidCopyToPage(){//对象拷贝,把mapcontrol的地图拷贝重写到pagelayout里IObjectCopycopy=newObjectCopyClass();objectfromMap=a…

    2022年7月23日
    17
  • 【Unity3D插件】Unity3D各类教程汇总「建议收藏」

    推荐阅读CSDN主页GitHub开源地址Unity3D插件分享简书地址我的个人博客QQ群:1040082875一、工具篇工欲善其事,必先利其器学习Unity3D不从工具篇说起怎么能行?学习Unity3D最重要的两个工具:Unity3D和VisualStudio(VisualStudioCode也行)1-1、Unity3D安装Unity安装个人免费版步骤详解(通过UnityHub安装unity,是比较流行的安装方式)https://blog.csdn.net/fi.

    2022年4月14日
    55
  • hikaripool信息_HikariPool源码(四)资源状态[通俗易懂]

    hikaripool信息_HikariPool源码(四)资源状态[通俗易懂]Java极客|作者/铿然一叶这是Java极客的第55篇原创文章1.本章目的了解池资源的状态,以及状态如何变迁,用于池化资源设计参考。2.HikariPool资源核心类回顾HikariPool资源相关的类如下:类说明:类职责HikariPool资源池,客户端资源操作的入口。ConcurrentBag通用的并发包工具。CopyOnWriteArrayList一个列表,用于存储资源,…

    2022年6月23日
    23
  • △>0_@ModelAttribute

    △>0_@ModelAttribute0uLL:unsignedlonglong类型的0~:“二进制按位否运算符”>>:右移运算符

    2022年9月20日
    4
  • 电平转换芯片使用_i2c电平转换芯片

    电平转换芯片使用_i2c电平转换芯片设计GPS模组电路时,需要转换电平,设计采用TXS0104E转换电平

    2022年8月10日
    5

发表回复

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

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