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

图片循环滚动代码详细介绍[通俗易懂]以下是代码片段:                   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> 
<!–滚动代码结束–>

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

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

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • 计算机编程原理_如何编程

    计算机编程原理_如何编程一、Socket简介Socket是进程通讯的一种方式,即调用这个网络库的一些API函数实现分布在不同主机的相关进程之间的数据交换。几个定义:(1)IP地址:即依照TCP/IP协议分配给本地主机的网络地址,两个进程要通讯,任一进程首先要知道通讯对方的位置,即对方的IP。(2)端口号:用来辨别本地通讯进程,一个本地的进程在通讯时均会占用一个端口号,不同的进程端口号不同,因此在通

    2022年10月17日
  • 如何安装wget_ubuntu安装unzip命令

    如何安装wget_ubuntu安装unzip命令今天给服务器安装新LNMP环境时,wget时提示-bash:wgetcommandnotfound,很明显没有安装wget软件包。一般linux最小化安装时,wget不会默认被安装。可以通过以下两种方法来安装:1、rpm安装rpm下载源地址:http://mirrors.163.com/centos/6.2/os/x86_64/Packages/下载wget的RPM包:htt…

    2022年10月17日
  • 中标麒麟neokylin linux advanced server 7update6 GUI server安装配置pyqt5运行环境说明「建议收藏」

    中标麒麟neokylin linux advanced server 7update6 GUI server安装配置pyqt5运行环境说明「建议收藏」直接安装python3.9.5,编译时会报Couldnotbuildthesslmodule!,python调用相关代码的时候,会报ModuleNotFoundError:Nomodulenamed’_ssl’,pip安装相关模块的时候,会报ERROR:Couldnotfindaversionthatsatisfiestherequirementssl(fromversions:none)装好系统后,先sudoyumupdate更新系统;这时,g.

  • javascript 数组排序(三种方法)

    javascript 数组排序(三种方法)一、用sort()方法进行数组排序vararr1=[20,80,54,78,8,67,27]; functionmy(a,b){ returna-b; } console.log(arr1.sort(my));//8,20,27,54,67,78,80二、冒泡排序vararr1=[20,80,54,78,8,67,27]; functionmys(arr1){ for(vari=0;i<arr1.length-1;

  • Intellij IDEA 实用插件

    Intellij IDEA 实用插件1.前言从2020年JVM生态报告解读可以看出IntellijIDEA目前已经稳坐JavaIDE头把交椅。而且统计得出付费用户已经超过了八成(国外统计)。IDEA的优良设计保证了我的生产力,也是我情愿为之付费的软件之一。今天把我自己经常用的一些插件拿出来分享一波。同时欢迎加入[微信圈子]SpringForAll社区交流编程经验。2.IDEA插件分享之前我们来看看其插件体系。IntellijIDEA大部分功能是通过插件集成进来的。默认情况下已经集成了很多插件。你可以…

  • Pyinstaller打包exe完整教程

    Pyinstaller打包exe完整教程原创文|Space9Python文件打包成可安装、无需Python依赖的高效可执行exe程序工具及环境PyInstallerInnoSetupWindows和PythonPyInstaller打包Python应用程序为独立的可执行文件安装PyInstallerpypi镜像使用帮助https://mirrors.tuna.tsinghua.edu.cn/help/pypi/pipinstall-ihttps://pypi.tuna.tsinghua.edu.cn/simple

发表回复

您的电子邮箱地址不会被公开。

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