刘小彬
- 浏览: 120049 次
- 性别:
- 来自: 深圳
-
文章分类
最新评论
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
<title>JS控制元素左右无间断滚动</title>
</head>
<body>
<script language="javascript" type="text/javascript">
var s,s2,s3,timer;
function init(){
s=getid("div1");
s2=getid("div2");
s3=getid("div3");
s3.innerHTML=s2.innerHTML;
timer=setInterval(mar,30)
}
function mar(){
if(s2.offsetWidth<=s.scrollLeft){
s.scrollLeft-=s2.offsetWidth;
}else{s.scrollLeft++;}
}
function getid(id){
return document.getElementById(id);
}
window.onload=init;
</script>
<div style="height:20px; width:380px; overflow:hidden; white-space:nowrap; " class="div1" id="div1" onmouseover="clearInterval(timer)" onmouseout="timer=setInterval(mar,30)">
<span id="div2">在这里放入要移动的元素</span>
<span id="div3"></span>
</div>
</body>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
<title>JS控制元素左右无间断滚动</title>
</head>
<body>
<script language="javascript" type="text/javascript">
var s,s2,s3,timer;
function init(){
s=getid("div1");
s2=getid("div2");
s3=getid("div3");
s3.innerHTML=s2.innerHTML;
timer=setInterval(mar,30)
}
function mar(){
if(s2.offsetWidth<=s.scrollLeft){
s.scrollLeft-=s2.offsetWidth;
}else{s.scrollLeft++;}
}
function getid(id){
return document.getElementById(id);
}
window.onload=init;
</script>
<div style="height:20px; width:380px; overflow:hidden; white-space:nowrap; " class="div1" id="div1" onmouseover="clearInterval(timer)" onmouseout="timer=setInterval(mar,30)">
<span id="div2">在这里放入要移动的元素</span>
<span id="div3"></span>
</div>
</body>
</html>
分享到：
发表评论
-
弹出层并可拖拽
2016-09-21 14:59 0<!DOCTYPE html PUBLIC " ... -
标题栏新消息提示效果
2016-09-21 14:42 532var newMessageRemind={ _step: ... -
JS转换HTML转义符
2016-09-21 14:14 559//去掉html标签 1 2 3 function remo ... -
JS判断是否在微信浏览器打开
2016-09-21 14:07 468最近做很多HTML5的项目，很多页面会通过微信微博等SNS分享 ... -
添加搜藏,设为首页
2016-09-21 11:13 416//添加搜藏 function AddFavorite() { ... -
jQuery 发送验证码倒计时按钮
2016-09-21 11:02 544{ wait:90, hsTime:func ... -
JS杂记
2011-10-24 15:09 708//定义数组 var index = new ... -
数_函_置_内_J_S
2011-09-15 13:41 601http://mamaoyuan625.iteye.com/b ... -
素_元_建_创_J_S
2011-09-15 11:22 497//获取对象 var obj = document.getEl ... -
件_事_出_退_载_加_S_J
2011-09-01 14:45 597<html> <head> & ... -
组_数_S_J
2011-09-01 14:43 630<html> <head> &l ... -
点_节_形_树_S_J
2011-08-29 10:12 612http://wangyalei.iteye.com/blog ... -
层_级_展_示
2011-08-27 12:01 464<html> <head> &l ... -
巧_技_小_S_J
2011-08-26 10:17 360http://bageer707.iteye.com/blog ... -
2_数_函_串_符_字_用_常
2011-08-26 10:01 317//修改日期信息 myDate.setDate(myD ... -
1_数_函_串_符_字_用_常
2011-08-26 09:59 356//定义数组的两种方式 ... -
象_对_D_O_M
2011-08-26 09:55 443<html> <head> &l ... -
2_证_验_S_J
2011-08-25 12:42 387//验证电话号码 function checkPhone ... -
证_验_S_J
2011-08-25 12:35 510<html> <head> &l ... -
1_篇_础_基_S_J
2011-08-25 09:51 452http://www.iteye.com/topic/5656 ...
相关推荐
用H5+javascript,THREEJS库编写的三维动画,读取多个STL对象并生成动画,鼠标左,中,右键可操控.
《TIB_js-studiocomm_6.10.0_windows_x86_64.zip：JasperReports Studio的专业报表设计工具》 在信息技术领域，报告设计是数据分析和信息展示的关键环节。TIB_js-studiocomm_6.10.0_windows_x86_64.zip 文件是一个...
在这个场景中，我们关注的是VS2015的安装过程中涉及到的证书问题以及两个特定的组件：JavaScript_ProjectSystem.msi和JavaScript_LanguageService.msi。 首先，关于“VS2015安装证书”，这通常是指安装过程中需要...
"arcgis_js_api"可能包含API的核心库文件，这是构建ArcGIS JavaScript应用程序的基础。在实际项目中，需要将这个库文件引入到HTML页面中，以便使用API的功能。 总结，ArcGIS JavaScript API 3.7是一个强大且全面的...
### ArcGIS JavaScript API 本地部署知识点详解 #### 一、ArcGIS JavaScript API 概述 ArcGIS JavaScript API 是由 Esri 提供的一款用于构建 Web GIS 应用程序的强大工具包。它允许开发者利用 JavaScript 来创建...
TIB_js-studiocomm_6.10.0_macosx_x86_64.dmg可以设计报表的界面或形式
dreameaver CC支持asp ASP_JS_Support.mxp
本文将深入探讨如何在Chrome浏览器中禁用JavaScript，以及jsLoader_javascript_zip_77jsCOM_这个压缩包中的相关资源。 1. **禁用JavaScript**： 要在Chrome浏览器中禁用JavaScript，用户可以在设置中进行操作。...
JS_V1.1.6_6_20221022_2358.apk
"Printer_js_css" 是一个纯JavaScript实现的Web打印服务，它的核心特点在于它能够实现跨浏览器的兼容性，这意味着无论用户使用何种浏览器，都能顺利地进行打印操作。这个工具的出现，为开发者提供了极大的便利，避免...
标题 "pitico_nodejs_Node.js_javascript_866jscom_active4on_" 暗示这是一个关于Node.js和JavaScript的项目，可能与一个名为"pitico"的平台或者服务有关，同时它还关联到"866jscom"和"active4on"这两个标识或服务。...
在使用arcgis_js_v46_sdk.zip和arcgis_js_v46_api.zip这两个压缩包时，开发者需要先解压文件，然后在项目中引用API的JavaScript文件。通常，API的库文件会被加载到HTML页面的`<script>`标签中，以便在页面上运行GIS...
HTML_CSS_JavaScript网页制作从入门到精通HTML_CSS_JavaScript网页制作从入门到精通HTML_CSS_JavaScript网页制作从入门到精通HTML_CSS_JavaScript网页制作从入门到精通HTML_CSS_JavaScript网页制作从入门到精通
JS_V1.1.7_7_20230821_1909b.apk
标题 "unpkg_Node.js_nodejscdn_javascript_CDN_" 指向的是一个与 Node.js、nodejscdn 和 JavaScript CDN 相关的服务源代码。在这个项目中，开发者可能创建了一个工具或服务，允许用户通过 CDN（内容分发网络）快速...
数字信号处理Javascript_dsp.js_Digital_Signal_Processing_for_Javascript_dsp.js.zip
TIB_js-studiocomm_6.6.0_windows_x86_64.exe 可以设计报表的界面或形式
ASP_JS_Support.zxp 让dreameaver支持Asp
修改以下配置即可部署到web服务器上使用： （1）打开 安装目录>\webapps\arcgis_js_api\library\2.6\arcgis\js\esri\esri.js 查找 '[HOSTNAME_AND_PATH_TO_JSAPI]', 并替换成 "<计算机名称或IP地址>:8080/arcgis_js...
Guriddo_jqGrid_JS_5_3_X是jqGrid的一个版本，它是一款功能强大的JavaScript表格插件，用于在网页上展示和操作数据。这个压缩包包含了一系列的资源，帮助用户了解并使用jqGrid 5.3.0版本。让我们逐一解析这些文件和...