<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>
tt
</title>
<style type="text/css">
div#top {
position: relative;
top: 50px;
left: 200px;
z-index: 10;
width: 200px;
height: 200px;
background-color: red;
}
div#top button {
margin-left: 50px;
}
</style>
</head>
<body style="aqua;overflow-x:hidden;">
<script type="text/javascript">
var left1 = -280;
var left2 = -280;
var top = 40;
var i = 0;
var j = 0;
var set;
var set2;
function dong() {
document.getElementById("img1").style.left = (left1 + i) + 'px';
i = i + 10;
set = setTimeout('dong();', 100);
if (i == 1010) {
other();
}
if (i == 1280) {
clearTimeout(set);
document.getElementById("img1").style.left = left1 + 'px';
i = 0;
}
}
function other(type) {
document.getElementById("img2").style.left = (left2 + j) + 'px';
j = j + 10;
set2 = setTimeout('other();', 100);
if (j == 1010) {
dong();
}
if (j == 1280) {
clearTimeout(set2);
document.getElementById("img2").style.left = left2 + 'px';
j = 0;
}
}
function zanting() {
clearTimeout(set);
clearTimeout(set2);
}
function stop() {
clearTimeout(set);
clearTimeout(set2);
i = 0;
j = 0;
document.getElementById("img2").style.left = left2 + 'px';
document.getElementById("img1").style.left = left1 + 'px';
}
function jixu() {
if (j > 0) {
set2 = setTimeout('other();', 100);
}
if (i > 0) {
set = setTimeout('dong();', 100);
}
}
</script>
<div id="top">
<button type="button" onclick="dong();">click me</button>
<button type="button" onclick="stop();">stop me</button>
</div>
<div id="img1" style="position:absolute;top:300px;left:-280px;border:1px solid black;z-index:10;">
<img src="http://www.baidu.com/img/baidu_logo.gif" alt="" onmouseover="zanting();" onmouseout="jixu();"/>
</div>
<div id="img2" style="position:absolute;top:300px;left:-280px;border:1px solid black;z-index:10;">
<img src="http://www.baidu.com/img/baidu_logo.gif" alt="" onmouseover="zanting();" onmouseout="jixu();"/>
</div>
</body>
</html>
修改后
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>
tt
</title>
<style type="text/css">
div#top {
position: relative;
top: 50px;
left: 200px;
z-index: 10;
width: 200px;
height: 200px;
background-color: red;
}
div#top button {
margin-left: 50px;
}
</style>
</head>
<body style="overflow-x:hidden;width:1280px;">
<script type="text/javascript">
var left1 =0;
var i = 0;
var set;
function dong() {
document.getElementById("img").style.left = (left1 + i) + 'px';
i = i + 10;
set = setTimeout('dong();', 100);
if (i == 1010) {
document.getElementById("img").style.left=0+'px';
i=0;
}
}
</script>
<div id="top">
<button type="button" onclick="dong();">click me</button>
</div>
<div id="img" style="position:absolute;top:300px;left:0px;height:300px;">
<div id="img1" style="position:absolute;top:0px;left:0px;border:1px solid black;">
<img src="http://www.baidu.com/img/baidu_logo.gif" alt="" />
</div>
<div id="img2" style="position:absolute;top:0px;left:-1010px;border:1px solid red;">
<img src="http://www.baidu.com/img/baidu_logo.gif" alt="" />
</div>
</div>
</body>
</html>
分享到：
相关推荐
初稿通常包含了项目的雏形，可能包括了球体的位置、速度和加速度的计算，以及简单的动画更新机制。 为了进一步丰富这个项目，可以考虑以下几个方面进行扩展： 1. 物理效果：加入空气阻力、弹性碰撞等因素，使模型更...
本文档主要介绍了基于AUTOCAD和MPC02运动控制程序的开发，旨在实现CAD/CAM一体化技术的小雏形。该论文的主要内容包括：AUTOCAD的设计与开发、MPC02运动控制程序的实现、基于AUTOCAD和MPC02的设计与开发等几个方面。 ...
【OSG&ODE结合的3D台球游戏雏形】是一个使用OpenSceneGraph（OSG）进行3D图形渲染，并结合Open Dynamics Engine（ODE）作为物理模拟引擎开发的初级3D台球游戏项目。这个项目旨在展示如何将这两个强大的开源库整合到...
20世纪70年代，压力服装的雏形——压力袜已用于治疗下肢静脉疾病。如今，随着科技的进步和人们对压力服装认知的加深，它在竞技体育中的应用日益广泛。研究表明，压力服装能够帮助运动员提高肌肉力量、爆发力、耐力和...
【标题】:其他门类文化产业的雏形 【描述】:文档主要探讨了20世纪20年代到40年代间，除媒介和电影业外的其他文化行业如何逐渐发展并形成文化产业的基础。通过一系列典型例子，展示了这些行业如何从官方控制的工具...
（4）对19世纪中国的经济结构，工业文明和世界市场的形成导致了自然经济的解体，洋务运动的兴起，以及中国民族资本主义的诞生。 综上所述，资本主义世界市场的形成是一个复杂的历史过程，涉及到殖民扩张、海上霸权...
【打砖块雏形_球与滑杆的控制,北大青鸟示例源码】是一个适合初学者的游戏开发项目，主要使用C#编程语言实现。这个项目的核心是模拟打砖块游戏的基本机制，包括球的运动和玩家通过滑杆控制球的方向。下面将详细介绍这...
例如，鱼类的脊柱是脊椎动物骨骼的雏形，两栖类的四肢进化为五趾型，有利于陆地行走，而羊膜动物（如哺乳动物）的胸廓则进一步提高了呼吸效率。骨骼的形态各异，如长骨、短骨、扁骨和不规则骨，分别适应了不同的功能...
2. **软骨内成骨**：四肢骨、躯干骨和部分颅底骨通过透明软骨先形成雏形，然后逐渐骨化。 在生长过程中，骨的长度增加主要依靠软骨内成骨，而骨的粗度增加则通过骨外膜内的成骨细胞和骨内膜内的破骨细胞共同作用来...
他通过理想实验推翻了亚里士多德关于力和运动的传统观念，提出了惯性定律的雏形。 2. **静摩擦力**：第二道题目涉及静摩擦力的计算。静摩擦力是阻止物体相对静止状态被破坏的力，它的大小与施加的外力有关，但不...
笛卡儿在此基础上进一步发展，提出如果没有外力作用，物体将保持其原有的静止或匀速直线运动状态，这是牛顿第一定律的雏形。 牛顿第一定律的内容是：任何物体都会保持其静止或匀速直线运动的状态，除非受到外力的...
农业方面，铁农具和牛耕技术的推广，使得农业生产效率大幅提升，私田制度逐渐兴起，小农经济初具雏形。手工业分工细致，冶铸业和纺织业发展迅速。商业方面，货币流通广泛，私商繁荣，但重农抑商的政策也开始显现。...
3. 古生代：亚欧、北美大陆的雏形基本形成，地壳运动表现为强烈的升降。动物进化显著，早古生代以海生无脊椎动物（如三叶虫）为主，中古生代出现脊椎动物（鱼类），晚期出现两栖类。植物方面，蕨类植物繁盛。古生代...
亚里士多德认为物体的运动需要力来维持，而伽利略则揭示了物体在无外力作用下会保持匀速直线运动，这是惯性定律的雏形。 牛顿在此基础上，建立了经典力学的完整体系，包括运动三定律和万有引力定律。运动三定律分别...
1. 物理学方法论：伽利略的“理想斜面实验”不是用来证明“力是维持物体运动的原因”，而是反驳了亚里士多德的观点，提出了力是改变物体运动状态的原因，即惯性定律的雏形。 2. 电流的磁效应：奥斯特实验揭示了电流...
Press假设对数价格是布朗运动与复合泊松点过程的线性迭加，这被视作跳跃扩散过程的雏形。随后，Cox和Ross（1976）以及Merton（1976）指出，Black-Scholes模型中资产价格服从连续的几何布朗运动的假设与实际情况不符...
早在20世纪30年代，就已经出现了并联机器人的雏形。1931年，Gwinnett设计了一种基于球铰链的并联机器人娱乐装置，并获得了专利。1934年，Pollard设计了一种用于汽车喷漆的并联机器人机构，并在1940年获得了专利。...
铁路企业的成功不仅为制造业的发展奠定了基础，也孕育了现代管理的雏形。 随着19世纪后期的电气革命，生产力的提升和技术的进步带来了更多样化和复杂的产业，如钢铁、化工和汽车。这要求企业在组织、管理和策略上...
- 古代的机器人雏形，如中国古代的偃师制作的歌舞艺人、鲁班的木鸟等，都是早期的自动化装置。 - 19世纪末至20世纪初，随着钟表技术的发展，出现了各种自动玩偶，如日本的竹田近江的自动机器玩偶和瑞士的自动书写...