javascript图片无缝滚动

最新推荐文章于 2024-07-29 13:58:45 发布
最新推荐文章于 2024-07-29 13:58:45 发布
阅读量76 收藏
点赞数
文章标签： javascript xhtml ViewUI

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<!-- saved from url=(0037)http://www.juliaphoto.cn/gundong.aspx -->
<HTML xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>无标题文档</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312"><LINK
href="无标题文档.files/index.css" type=text/css rel=stylesheet>
<STYLE type=text/css>BODY {
MARGIN: 0px; BACKGROUND-COLOR: #555555
}
BODY {
FONT-SIZE: 12px
}
TD {
FONT-SIZE: 12px
}
TH {
FONT-SIZE: 12px
}
</STYLE>

<META content="MSHTML 6.00.2900.3603" name=GENERATOR></HEAD>
<BODY>
<FORM id=form1 name=form1 action=gundong.aspx method=post>
<DIV><INPUT id=__VIEWSTATE type=hidden
value=/wEPDwUKMTQxNjA5NzE3NWRkAV9Q3YT0OUurEaK6fpqlJJorQHM= name=__VIEWSTATE>
</DIV>
<DIV>
<TABLE cellSpacing=0 cellPadding=0 width=880 border=0>
<TBODY>
<TR>
<TD>
<DIV id=demo style="OVERFLOW: hidden; WIDTH: 100%; HEIGHT: 100%">
<TABLE cellPadding=0 width="100%" align=left border=0 cellspace="0">
<TBODY>
<TR>
<TD id=demo1 vAlign=top>
<TABLE cellSpacing=0 cellPadding=0 width="100%" align=center
border=0>
<TBODY>
<TR vAlign=top>
<TD>
<DIV class=sy_lb>
<DIV class=sy_lb_pic><A
href="http://www.juliaphoto.cn/photoview.aspx?Albums_id=51&amp;page=1&amp;pages=1"
target=_blank><IMG alt=周岭和张江
src="无标题文档.files/20090621170803suo.jpg"></A></DIV>
<DIV class=sy_lb_text><A title=周岭和张江
href="http://www.juliaphoto.cn/photoview.aspx?Albums_id=51&amp;page=1&amp;pages=1"
target=_blank>周岭和张江...</A></DIV></DIV></TD>
<TD>
<DIV class=sy_lb>
<DIV class=sy_lb_pic><A
href="http://www.juliaphoto.cn/photoview.aspx?Albums_id=50&amp;page=1&amp;pages=1"
target=_blank><IMG alt=傅杨和潘敏
src="无标题文档.files/20090610124137suo.jpg"></A></DIV>
<DIV class=sy_lb_text><A title=傅杨和潘敏
href="http://www.juliaphoto.cn/photoview.aspx?Albums_id=50&amp;page=1&amp;pages=1"
target=_blank>傅杨和潘敏...</A></DIV></DIV></TD>
<TD>
<DIV class=sy_lb>
<DIV class=sy_lb_pic><A
href="http://www.juliaphoto.cn/photoview.aspx?Albums_id=48&amp;page=1&amp;pages=1"
target=_blank><IMG alt=崔虎和薛雪
src="无标题文档.files/20090609162538suo.jpg"></A></DIV>
<DIV class=sy_lb_text><A title=崔虎和薛雪
href="http://www.juliaphoto.cn/photoview.aspx?Albums_id=48&amp;page=1&amp;pages=1"
target=_blank>崔虎和薛雪...</A></DIV></DIV></TD>
<TD>
<DIV class=sy_lb>
<DIV class=sy_lb_pic><A
href="http://www.juliaphoto.cn/photoview.aspx?Albums_id=43&amp;page=1&amp;pages=1"
target=_blank><IMG alt=冯海川和孙洁君
src="无标题文档.files/20090518161456suo.jpg"></A></DIV>
<DIV class=sy_lb_text><A title=冯海川和孙洁君
href="http://www.juliaphoto.cn/photoview.aspx?Albums_id=43&amp;page=1&amp;pages=1"
target=_blank>冯海川和孙洁君...</A></DIV></DIV></TD>
<TD>
<DIV class=sy_lb>
<DIV class=sy_lb_pic><A
href="http://www.juliaphoto.cn/photoview.aspx?Albums_id=42&amp;page=1&amp;pages=1"
target=_blank><IMG alt=程岩和刘馨宇
src="无标题文档.files/20090519170542suo.jpg"></A></DIV>
<DIV class=sy_lb_text><A title=程岩和刘馨宇
href="http://www.juliaphoto.cn/photoview.aspx?Albums_id=42&amp;page=1&amp;pages=1"
target=_blank>程岩和刘馨宇...</A></DIV></DIV></TD>
<TD>
<DIV class=sy_lb>
<DIV class=sy_lb_pic><A
href="http://www.juliaphoto.cn/photoview.aspx?Albums_id=39&amp;page=1&amp;pages=1"
target=_blank><IMG alt=雪村和俞晴
src="无标题文档.files/20090519171709suo.jpg"></A></DIV>
<DIV class=sy_lb_text><A title=雪村和俞晴
href="http://www.juliaphoto.cn/photoview.aspx?Albums_id=39&amp;page=1&amp;pages=1"
target=_blank>雪村和俞晴...</A></DIV></DIV></TD>
<TD>
<DIV class=sy_lb>
<DIV class=sy_lb_pic><A
href="http://www.juliaphoto.cn/photoview.aspx?Albums_id=36&amp;page=1&amp;pages=1"
target=_blank><IMG alt=唐博群和张伟
src="无标题文档.files/20090519165933suo.jpg"></A></DIV>
<DIV class=sy_lb_text><A title=唐博群和张伟
href="http://www.juliaphoto.cn/photoview.aspx?Albums_id=36&amp;page=1&amp;pages=1"
target=_blank>唐博群和张伟...</A></DIV></DIV></TD>
<TD>
<DIV class=sy_lb>
<DIV class=sy_lb_pic><A
href="http://www.juliaphoto.cn/photoview.aspx?Albums_id=27&amp;page=1&amp;pages=1"
target=_blank><IMG alt=牛蒙和金赫凡
src="无标题文档.files/20090519164905suo.jpg"></A></DIV>
<DIV class=sy_lb_text><A title=牛蒙和金赫凡
href="http://www.juliaphoto.cn/photoview.aspx?Albums_id=27&amp;page=1&amp;pages=1"
target=_blank>牛蒙和金赫凡...</A></DIV></DIV></TD></TR></TBODY></TABLE></TD>
<TD id=demo2 vAlign=top></TD></TR></TBODY></TABLE></DIV>
<SCRIPT>
var speed=15
demo2.innerHTML=demo1.innerHTML
function Marquee1(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
var MyMar1=setInterval(Marquee1,speed)
demo.οnmοuseοver=function() {clearInterval(MyMar1)}
demo.οnmοuseοut=function() {MyMar1=setInterval(Marquee1,speed)}
</SCRIPT>
</TD></TR></TBODY></TABLE></DIV></FORM></BODY></HTML>

iteye_4515
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Javascript图片无缝滚动_妙味课堂
碎梦道
07-01 1965
目标：使用实现Javascript实现多图的横向无缝滚动，左右ge
JS实现图片无缝滚动效果
liujian573281的博客
01-12 5827
首先，借助一张草图来简单说明一下往左移动的做法（往右相同）。 如上图所示，图片的无缝滚动原理其实是把滚动的图片复制成两份并联排列，当滚动完一次后就把图片扯回到起点，重新滚动。这里的往左运动把图片扯回起点的临界点是offsetLeft的绝对值大于offsetWidth/2的绝对值。接着，我们再来看看具体实现的代码： 第一步：简单的布局，这里以外层的div为相对物设置相对定位并设置超出隐藏，再给
Javascript 实现图片无缝滚动
10-25
主要介绍了Javascript 实现图片无缝滚动的相关资料,需要的朋友可以参考下
JavaScript图片无缝滚动
06-28
JavaScript 图片无缝滚动源码 图片无缝滚动源码
JavaScript实现图片无缝滚动效果
10-19
JavaScript 实现图片无缝滚动效果是一种常见的网页动态效果，主要用于展示多张图片，使得用户感觉图片在不断滚动，而不会出现明显的切换痕迹。这种效果能够增加网站的视觉吸引力，尤其适用于新闻滚动、产品展示等...
js实现图片无缝滚动
10-23
在JavaScript中实现图片无缝滚动是一种常见的网页动态效果，这种效果可以增加用户的交互体验，使得网页看起来更加生动活泼。下面我们将详细探讨如何使用纯JavaScript实现这一功能。 首先，我们需要了解几个关键的...
使用Javascript简单实现图片无缝滚动
10-25
本文简单介绍了使用原生javascript实现简单的图片无缝滚动的方法，并附上示例代码，推荐给大家，直接可以用在项目中的。
JavaScript青少年简明教程：函数及其相关知识（下）
cnds123的专栏
07-26 631
JavaScript青少年简明教程：函数及其相关知识（下）
【React 】开发环境搭建详细指南
lph159的博客
07-24 1263
无论你是刚刚开始学习 React，还是希望在现有项目中采用 React 技术，搭建一个高效的开发环境都是至关重要的。本文将详细介绍如何从零开始搭建 React 开发环境，涵盖所需的工具和最佳实践，帮助你快速启动并顺利进行开发。Visual Studio Code（VS Code）是目前最流行的代码编辑器之一，提供了丰富的扩展和强大的功能。如果你希望对项目的配置有更多的控制，可以选择手动配置 React 项目。下载并安装最新版本的 Node.js，安装 Node.js 后，npm 会自动安装。
在Vue程序中，如何检测用户的登录状态并跳转到对应页面
exlink2012的专栏
07-25 449
通过以上步骤，你可以在Vue应用程序中检测用户的登录状态，并在用户尝试访问受保护页面时跳转到登录页面。同时，在用户登录和登出后，你可以根据需要跳转到相应的页面。
已解决：vue-office/excel 多个sheet点击切换，滚动条高度不重置，表格视图位置不正确
weixin_42289080的博客
07-26 245
解决 @vue-office/excel 多个sheet切换，内容以及滚动条展示不正确的问题
我们的前端开发逆天了！1 小时搞定了新网站，还跟我说 “不要钱”
努力做最接地气的编程干货分享，感谢关注
07-29 622
本文将带你了解一个新的 Web 框架 **Astro**，并手把手带你使用 Astro 搭建一个属于自己的站点，用过的都说真香！
vue el-select的下拉树形结构 带检索功能
Jokerxiuka的博客
07-26 202
【代码】vue el-select的下拉树形结构。
easyui 点击单元格的时候，获取该行另外一个字段的值
极客栈
07-29 301
通过绑定 DataGrid 的 ​​ 事件，可以轻松地在单击单元格时获取该行的其他字段值。这个方法适用于各种场景，比如在用户点击某个单元格时显示额外的信息、执行特定的操作等。希望这个示例能帮助你更好地理解和应用 EasyUI DataGrid 的事件处理。
新手vue学习问题汇总（自用）（长期更新）
lapiii的博客
07-28 309
是 ES6 模块语法，用于导出模块的默认成员。在 Vue.js 中，通常用来导出一个组件对象，使其可以在其他文件中被导入并使用。
angular入门基础教程(四）动态属性与事件
最新发布
峰会路转的博客
07-29 60
状态的变化导致属性值的变化，这个时候我们就需要用到动态属性，ng中的动态属性用[]包裹即可。
easyadmin layui js监听返回结果，进行token验证防止连点
weixin_43652106的博客
07-29 140
easyadmin layui js监听返回结果，进行token验证防止连点
Vue3可媲美Element Plus Tree组件实战之移除节点
felix_alone2012的博客
07-25 636
《Element Plus Tree - 自定义节点内容》示例中介绍了移除节点的用法，个人觉得作为提供给用户API，应该遵循迪米特法则，把功能实现的细节封装在组件内部，而提供给用户最简单的操作方式，同时在此基础上支持用户的扩展。因此，在API使用的人性化方便，个人觉得element plus做的并不优秀。为此，我们自定义tree组件时对用户API可以设计的更人性化些。
Angular由一个bug说起之八：实践中遇到的一个数据颗粒度的问题
KenkoTech的博客
07-24 804
之所以使用这种比较直接的方式是因为项目中的数据类型已经确定，而且对数字的处理逻辑没有统一在一个文件中。这是大型项目经常遇到的问题，起到相同作用的代码因为一些小的差别而分别写在管理各自功能的文件里。文件存入数据库，这样我们就可以统一维护一个表，不管是前端来处理数据还是后端来处理都能遵守相同的规则。针对这篇文章提到的数字缩写的问题，可以有两种处理方案。来展示数据的功能，这些数据根据不同的类型和单位会为其加上前缀、后缀或者省略小数。
js图片无缝滚动的原理
08-11
JavaScript图片无缝滚动的原理是通过设置定时器，不断改变图片容器的left值来实现。 1. 首先，确定图片容器的宽度，该容器需要包含要滚动的图片。 2. 然后，计算每次滚动的距离，可以根据需求设置滚动速度。 3. 使用...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值