JS图片滚动怎么让鼠标经过后停止啊?

JS图片滚动怎么让鼠标经过后停止啊?

我写的代码,要下班了,所以就简单注释一下。鼠标经过会停止,移开鼠标会继续走。已经测试过了。另存xx.htm打开可看效果。

<script type="text/javascript">
var timer_movex;
start_timer();

function start_timer(){
  timer_movex = setInterval(function() {//setInterval是js循环定时器每隔一段时间就执行一次function代码
  var x = document.getElementById('x');//获得id为x的html元素
  if(x.offsetLeft >= 800)
    x.style.left = 0;//如果移动到了800的位置,则跳回左边0点重新开始移动
  else
    x.style.left = x.offsetLeft + 50;//向右移动20个像素
}, 1000);//每隔1000毫秒移动一次
}

function stop_timer() {
  clearInterval(timer_movex);
}

function movex(v) {
  var x = document.getElementById('x');//获得id为x的html元素
  x.style.left = x.offsetLeft + v;//移动v个像素,v为正数则向右,负数则向左。x.style.left即为左边框位置。
}
</script>
<div id="x" style="position:absolute; left:500px; top:100px; width:100px; height:100px; border=1px solid #000;" onmouseover="stop_timer()" onmouseout="start_timer()">
<h1>TEST</h1>
</div>
<form>
<input id="test" onclick="movex(-100)" value="点击左移" type="button"/>
<input id="test" onclick="movex(100)" value="点击右移" type="button"/>
<input id="test" onclick="start_timer()" value="start" type="button"/>
<input id="test" onclick="stop_timer()" value="stop" type="button"/>
</form>

温馨提示:内容为网友见解,仅供参考
第1个回答  2013-10-12
鼠标移上去的时候 把滚动事件停止掉 离开的时候又恢复就好了。最好你把你的代码发上来。

怎样设置鼠标悬停时滚动的图片或文字停止?
网页上最常用的是MARQUEE,也是最简单的一种:把要想滚动的内容放到<marquee><\/marquee>中,然后在MARQUEE中设置属性,onmouseover="this.stop();" scrollamount="3" direction="left" onmouseout="this.start();this.stop()就是表示它停止 也可以用js+div来写 写一个js递调用控制div里面的内容的距...

用JS做导航,怎么样让鼠标经过背景图片改变,然后离开时还原,按下时背景...
jq写如下(背景颜色换成图片也可以): .dh a{ background:#FFFFCC; width:50px; height:30px; display:block; text-align:center; color:#000000;} .dh a:hover{ background:#FF9900;} 导航1 导航2 导航3 导航4 导航5

怎样用JS实现在滚动的一行文字的时候,把鼠标移动到该文字上的时候使文字...
<MARQUEE id="msky" direction="left" width="780" scrolldelay ="200" onmouseover="this.stop();" onmouseout="this.start();">   今天 晴转多云 25℃~34℃ 东南风3-4级<\/MARQUEE>

在Dreamweaver 中怎样让鼠标经过时图片停止运动
那要看你用什么方法让这个图片运动了 如果是html里面的<marquee>形式,改成下面内容即可 <marquee onmouseover="this.stop();" onmouseout="this.start()">滚动内容<\/marquee> 如果是JS做的滚动效果,你最好是贴出代码来,具体情况具体分析

求救啊,用js实现图片左右滚动,鼠标经过图像会在滚动图像下方的固定位置...
在图片标签里添加onmouseover事件,并且将该图片地址作为参数传给show_big函数 --> <!--滚动区的高度和宽度--> <TABLE width=100% border=0 align=center cellPadding=0 cellSpacing=0> <TR

关于这段JS 如何调鼠标经过图片,图片降低指定透明度的速度?
<SCRIPTlanguage=JavaScripttype=text\/JavaScript>\/\/立伟兄台指定效果,鼠标放到图片上降低透明度!!nereidFadeObjects=newObject();nereidFadeTimers=newObject();functionnereidFa... <SCRIPT language=JavaScript type=text\/JavaScript >\/\/ 立伟兄台指定效果,鼠标放到图片上降低透明度!!nereidFadeObjects = new Object();...

当鼠标处于网页图片之上时滚动鼠标滚轮就会缩放图片,请问如何禁止此功能...
汗死。。你别把鼠标放在图片上不就是了。要翻页的话把鼠标挪到没有图片的地方就是了。。。那个不是你鼠标的功能,是你浏览的网页的图片自带的功能。你无论如何设置都没用,除非你把鼠标的滚轮禁用掉,但这样你就没办法用滚轮翻页了。。

如何在设置css中将滚动图片(要上下滚动)设置为鼠标移动上去后静止,离 ...
<marquee onmouseover="this.stop()" onmouseout="this.start()"> <\/marquee>

JS轮播图,当鼠标悬停于图片时停止轮播,移开继续,代码怎么写?
我建议你使用插件,SuperSlide插件、layer插件、swiper插件,都有你的这个功能,还不用考虑兼容

js代码,鼠标经过停止滚动,移开继续滚动,go~go~go~!
var time = setInterval (shift, delay);setInterval 有一个返回值 可以使用 clearInterval(time) 中断 继续需要再执行 setInterval 判断是否执行需要另写一个变量,在 setInterval 执行之间设置为 true;在 clearInterval 执行之后设置为 false;用setInterval 吧,setTimeout 不适合这种情况 ...

相似回答