<!--下面是向上滚动代码-->
<div id=butong_net_top style=overflow:hidden;height:100;width:90;>
<div id=butong_net_top1>
<img src="插入需要滚动的图片">
<img src="插入需要滚动的图片">
<img src="插入需要滚动的图片">
<img src="插入需要滚动的图片">
<img src="插入需要滚动的图片">
</div>
<div id=butong_net_top2></div>
</div>
<script>
var speed=30 //这个是速度值越大速度越慢
butong_net_top2.innerHTML=butong_net_top1.innerHTML //克隆butong_net_top1为butong_net_top2
function Marquee1(){
//当滚动至butong_net_top1与butong_net_top2交界时
if(butong_net_top2.offsetTop-butong_net_top.scrollTop<=0)
butong_net_top.scrollTop-=butong_net_top1.offsetHeight //butong_net_top跳到最顶端
else{
butong_net_top.scrollTop++;
}
}
var MyMar1=setInterval(Marquee1,speed)//设置定时器
//鼠标移上时清除定时器达到滚动停止的目的
butong_net_top.onmouseover=function() {clearInterval(MyMar1)}
//鼠标移开时重设定时器
butong_net_top.onmouseout=function(){MyMar1=setInterval(Marquee1,speed)}
</script>
<!--向上滚动代码结束-->
<br>
<!--下面是向下滚动代码-->
<div id=butong_net_bottom style=overflow:hidden;height:100;width:90;>
<div id=butong_net_bottom1>
<img src="插入需要滚动的图片">
<img src="插入需要滚动的图片">
<img src="插入需要滚动的图片">
<img src="插入需要滚动的图片">
<img src="插入需要滚动的图片">
</div>
<div id=butong_net_bottom2></div>
</div>
<script>
var speed=30
butong_net_bottom2.innerHTML=butong_net_bottom1.innerHTML
butong_net_bottom.scrollTop=butong_net_bottom.scrollHeight
function Marquee2(){
if(butong_net_bottom1.offsetTop-butong_net_bottom.scrollTop>=0)
butong_net_bottom.scrollTop+=butong_net_bottom2.offsetHeight
else{
butong_net_bottom.scrollTop--
}
}
var MyMar2=setInterval(Marquee2,speed)
butong_net_bottom.onmouseover=function() {clearInterval(MyMar2)}
butong_net_bottom.onmouseout=function() {MyMar2=setInterval(Marquee2,speed)}
</script>
<!--向下滚动代码结束-->
<br>
<!--下面是向左滚动代码-->
<div id="butong_net_left" style="overflow:hidden;width:500px;">
<table cellpadding="0" cellspacing="0" border="0">
<tr><td id="butong_net_left1" valign="top" align="center">
<table cellpadding="2" cellspacing="0" border="0">
<tr align="center">
<td><img src="<img src="插入需要滚动的图片"></td>
<td><img src="插入需要滚动的图片"></td>
<td><img src="插入需要滚动的图片"></td>
<td><img src="插入需要滚动的图片"></td>
<td><img src="插入需要滚动的图片"></td>
</tr>
</table>
</td>
<td id="butong_net_left2" valign="top"></td>
</tr>
</table>
</div>
<script>
var speed=30//速度数值越大速度越慢
butong_net_left2.innerHTML=butong_net_left1.innerHTML
function Marquee3(){
if(butong_net_left2.offsetWidth-butong_net_left.scrollLeft<=0)
butong_net_left.scrollLeft-=butong_net_left1.offsetWidth
else{
butong_net_left.scrollLeft++
}
}
var MyMar3=setInterval(Marquee3,speed)
butong_net_left.onmouseover=function() {clearInterval(MyMar3)}
butong_net_left.onmouseout=function() {MyMar3=setInterval(Marquee3,speed)}
</script>
<!--向左滚动代码结束-->
<br>
<!--下面是向右滚动代码-->
<div id="butong_net_right" style="overflow:hidden;width:500px;">
<table cellpadding="0" cellspacing="0" border="0">
<tr><td id="butong_net_right1" valign="top" align="center">
<table cellpadding="2" cellspacing="0" border="0">
<tr align="center">
<td><img src="插入需要滚动的图片"></td>
<td><img src="插入需要滚动的图片"></td>
<td><img src="插入需要滚动的图片"></td>
<td><img src="插入需要滚动的图片"></td>
<td><img src="插入需要滚动的图片"></td>
</tr>
</table>
</td>
<td id="butong_net_right2" valign="top"></td>
</tr>
</table>
</div>
<script>
var speed=30//速度数值越大速度越慢
butong_net_right2.innerHTML=butong_net_right1.innerHTML
function Marquee4(){
if(butong_net_right.scrollLeft<=0)
butong_net_right.scrollLeft+=butong_net_right2.offsetWidth
else{
butong_net_right.scrollLeft--
}
}
var MyMar4=setInterval(Marquee4,speed)
butong_net_right.onmouseover=function() {clearInterval(MyMar4)}
butong_net_right.onmouseout=function() {MyMar4=setInterval(Marquee4,speed)}
</script>
<!--向右滚动代码结束-->
如果你只需要移上去停止，移走就动的话就用这句
<marquee onmouseover="this.stop();" onMouseOut="this.start();" scrollamount="1" scrolldelay="85" direction="up" behavior="scroll" height="40" width="400">
要滚动的图片
</marquee>
图片上加链接和你给文字加链接是一样的
<a href="这里面放要连接的网站"><img src="插入需要滚动的图片"></a>
实例 以下数据为假数据，请你更改你自己的真实数据
<a href="hao.html"><img src="img/hao.jpg"></a>
急求html代码,当鼠标移动到图片,图片停此滚动?
<div id=butong_net_top style=overflow:hidden;height:100;width:90;> <div id=butong_net_top1> <img src="插入需要滚动的图片"> <img src="插入需要滚动的图片"> <img src="插入需要滚动的图片"> <img src="插入需要滚动的图片"> <img src="插入需要滚动的图片"> <\/div> <div i...
HTML代码的问题.指着图片.图片不会移动
<MARQUEE style="WIDTH: 100%; HEIGHT: 105px" scrollAmount=3 scrollDelay=100 onmousemove="stop();" onmouseout="start();">这样就可以了哇。不过你的那个移动的代码过时了。我发一个给你看。。你的一开始是不出现图片的，我的可是一开始会出现图片的。以下是我推荐给你的图片无间隙滚动代码！
鼠标经过滚动图片时停止
如果你用的是<maquee>...的html代码， 那就在标记属性里面加上个onmouseover=this.stop 就可以了，然后用onmouseout=this.start重新开始图片滚动；如果你用的是连续无缝的图片滚动， 就要用 <SCRIPT> var speed=30 demo2.innerHTML=demo1.innerHTML function Marquee(){ if(demo2.offsetWidth-demo.scr...
HTML语言。写一个图片移动的代码。要求:从右往左滚动,鼠标放上去停止...
图片向左无缝滚动 <style type="text\/css"> <!-- demo { background: #FFF;overflow:hidden;border: 1px dashed #CCC;width: 500px;} demo img { border: 3px solid #F2F2F2;} indemo { float: left;width: 800%;} demo1 { float: left;} demo2 { float: left;} --> <\/style>...
网页制作-图片从左向右滚动且鼠标之在图片上就暂停的现成代码
jpg" alt="现在图片停住了，链接可带你进入尘埃个人网！" width="219" height="150" border="0"><\/a><\/td> <\/tr> <\/table> <\/marquee> <\/td> <\/tr> <\/table> --- 把以上代码插入到你的代码内，更改相应的图片名称即可浏览效果。
html使用onmouseover事件怎么设置鼠标移动到图片或者文字上在旁边弹出一...
这样：<Ahref=""><imgsrc="..\/images\/yumen.jpg"onmouseover="this.src='..\/images\/yumen1.jpg'"onmouseout="this.src='..\/images\/yumen.jpg'"width="100"height="28"><\/A>...\/\/设置一个div，但是默认却是隐藏起来的。.s1{ position: absolute;display: none;} \/\/ js function show...
鼠标悬停特效代码怎么写,鼠标放在小图片上旁边显示一张大图片?
代码有bug，修改后如下：需要注意，拷贝下面这段代码，保存为 html后缀名的文件；需要自己在相同的目录下，放置两张图片，小图片.jpg 大图片.jpg 效果如下图：当鼠标悬停在小图片上面的时候，会显示大图片；鼠标移出，隐藏大图片。问题：定位需要读者自己去实现一下吧，偷懒了。感谢楼上分享!<!docty...
求问大神 html5怎么让几张图片在一个位置来回移动呀 鼠标移到某一张图 ...
直接搜索下js轮播，jq轮播。先定位图片-->定时图片切换-->加上按钮执行点击切换-->鼠标移入图片范围时停止切换，离开时接着切换
html 请教 我想做一个图片特效。 鼠标移到图片上,图片切换另一张...
先插入一个表格，将鼠标定位在表格内，从上面的菜单栏中选择图像→_→鼠标经过点，然后就会出现一个对话框就能选择原图像及鼠标经过点图像，这样就好了，记得给分哦
求教html里面应该怎么设置图片,可以使鼠标点击图片的时候,该张图片单独...
<a href="这张图片的地址" target="_blank"><img src="这张图片的地址"\/><\/a> <链接 图片地址 打开方式：新窗口><图片 地址：图片地址 \/><\/链接标签结束>
