刘小彬
- 浏览: 118049 次
- 性别:
- 来自: 深圳
-
文章分类
最新评论
<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 522var newMessageRemind={ _step: ... -
JS转换HTML转义符
2016-09-21 14:14 554//去掉html标签 1 2 3 function remo ... -
JS判断是否在微信浏览器打开
2016-09-21 14:07 462最近做很多HTML5的项目，很多页面会通过微信微博等SNS分享 ... -
添加搜藏,设为首页
2016-09-21 11:13 410//添加搜藏 function AddFavorite() { ... -
jQuery 发送验证码倒计时按钮
2016-09-21 11:02 518{ wait:90, hsTime:func ... -
JS杂记
2011-10-24 15:09 675//定义数组 var index = new ... -
数_函_置_内_J_S
2011-09-15 13:41 578http://mamaoyuan625.iteye.com/b ... -
素_元_建_创_J_S
2011-09-15 11:22 490//获取对象 var obj = document.getEl ... -
件_事_出_退_载_加_S_J
2011-09-01 14:45 588<html> <head> & ... -
组_数_S_J
2011-09-01 14:43 624<html> <head> &l ... -
点_节_形_树_S_J
2011-08-29 10:12 589http://wangyalei.iteye.com/blog ... -
层_级_展_示
2011-08-27 12:01 459<html> <head> &l ... -
巧_技_小_S_J
2011-08-26 10:17 337http://bageer707.iteye.com/blog ... -
2_数_函_串_符_字_用_常
2011-08-26 10:01 303//修改日期信息 myDate.setDate(myD ... -
1_数_函_串_符_字_用_常
2011-08-26 09:59 350//定义数组的两种方式 ... -
象_对_D_O_M
2011-08-26 09:55 439<html> <head> &l ... -
2_证_验_S_J
2011-08-25 12:42 376//验证电话号码 function checkPhone ... -
证_验_S_J
2011-08-25 12:35 500<html> <head> &l ... -
1_篇_础_基_S_J
2011-08-25 09:51 438http://www.iteye.com/topic/5656 ...
相关推荐
【标题】"js.rar_JSCreateMap.rar_js_js 图片_图片 javascript_老外js" 涉及的核心技术是JavaScript中的图片处理和动画效果，尤其是老外开发的一款名为JSCreateMap的库，它提供了类似Flash的动态图片展示功能。...
用H5+javascript,THREEJS库编写的三维动画,读取多个STL对象并生成动画,鼠标左,中,右键可操控.
"arcgis_js_api"可能包含API的核心库文件，这是构建ArcGIS JavaScript应用程序的基础。在实际项目中，需要将这个库文件引入到HTML页面中，以便使用API的功能。 总结，ArcGIS JavaScript API 3.7是一个强大且全面的...
TIB_js-studiocomm_6.10.0_macosx_x86_64.dmg可以设计报表的界面或形式
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网页制作从入门到精通
标题 "unpkg_Node.js_nodejscdn_javascript_CDN_" 指向的是一个与 Node.js、nodejscdn 和 JavaScript CDN 相关的服务源代码。在这个项目中，开发者可能创建了一个工具或服务，允许用户通过 CDN（内容分发网络）快速...
dreameaver CC支持asp ASP_JS_Support.mxp
标题中的"RunJS.rar_delphi js_delphi js_js_runjs"暗示了这是一个关于在Delphi环境中执行JavaScript代码的示例程序。Delphi是一款强大的Object Pascal集成开发环境（IDE），而JavaScript是一种广泛用于网页和网络...
标题"js.rar_c++ 调用js_js_js c"暗示了主题是关于C++如何与JavaScript进行通信，特别是通过C++调用JavaScript代码。描述提到“我们可以利用vc（Visual C++）来调用js代码，在窗口中运行”，这表明我们将讨论在C++...
修改以下配置即可部署到web服务器上使用： （1）打开 安装目录>\webapps\arcgis_js_api\library\2.6\arcgis\js\esri\esri.js 查找 '[HOSTNAME_AND_PATH_TO_JSAPI]', 并替换成 "<计算机名称或IP地址>:8080/arcgis_js...
var ArcGIS_js_api_path="arcgis_js_api_3.19"; var ArcGIS_sever_ip="localhost"; //ARCGIS SERVE IP地址 var ArcGIS_sever_port="6080"; //ARCGIS SERVE 端口地址 var layer_map,visible = []; [removed] ...
数字信号处理Javascript_dsp.js_Digital_Signal_Processing_for_Javascript_dsp.js.zip
标题中的"Camera_js.rar"可能是一个压缩文件，包含了一系列与摄像头控制相关的JavaScript代码。"IPCamTool.exe"可能是一个用于管理或配置网络IP摄像头的执行程序，而"camera.js"和"camera.js javas"可能是两个...
【标题】：“caicai_js_game____jscss”是一个关于JavaScript和CSS的游戏开发资源，它可能包含用于创建互动游戏的JavaScript代码和相关的CSS样式表。 【描述】：虽然描述是空的，但从标题和标签中我们可以推测，这...
numberAnimate_js数字滚动插件_numberAnimate
《ArcGIS JavaScript API 3.10 SDK：深入探索与应用》 ArcGIS JavaScript API 3.10 SDK 是Esri公司提供的一款用于构建地图应用的开发工具包，它允许开发者利用JavaScript语言在Web浏览器中创建丰富的地理信息系统...