javascript学习指南|javascript 控制图片水平方向左右滚动代码

更新时间：2017-05-30 来源：js教程手机版 字体：大中小

【www.bbyears.com--js教程】

提示：您可以先修改部分代码再运行

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>控制图片水平方向左右滚动的JS代码 - www.webdm.cn</title>
<script language=JavaScript type=text/JavaScript>
<!--
var sh;
marqueesWidth=610;
preLeft=0; currentLeft=0; stopscroll=false; getlimit=0;preTop=0; currentTop=0;

function scrollLeft()
{
	if(stopscroll==true) return;
	preLeft=marquees.scrollLeft;
	marquees.scrollLeft+=2;
	if(preLeft==marquees.scrollLeft)
	{
	//marquees.scrollLeft=templayer.offsetWidth-marqueesWidth+1;
	}
}

function Left()
{
	stopscroll = false;
	sh = setInterval("scrollLeft()",20);
}
function Right()
{
	stopscroll = false;
	sh = setInterval("scrollRight()",20);
}

function StopScroll()
{
	stopscroll = true;
	clearInterval( sh );
}

//-->
</script>
</head>

<body onload="init()">

<img  
      src="http://filesimg.111cn.net/2011/05/20111217013225135.gif" border=0 onmouseout=StopScroll() onmouseover=Left()

style="CURSOR: pointer" />

<img  class=imgframe

src="http://filesimg.111cn.net/2011/05/2011121701323138.jpg" border=0 />
第1期
<img  
class=imgframe src="http://filesimg.111cn.net/2011/05/20111217013238612.jpg" border=0 />
第2期
<img  
class=imgframe src="http://filesimg.111cn.net/2011/05/20111217013244167.jpg" border=0 />
第1期 
<img  
class=imgframe src="http://filesimg.111cn.net/2011/05/20111217013250143.jpg" border=0 />
第1期
<img  
class=imgframe src="http://filesimg.111cn.net/2011/05/20111217013257242.jpg" border=0 />
第2期
<img  
class=imgframe src="http://filesimg.111cn.net/2011/05/20111217013303908.jpg" border=0 />
第3期
<img  
class=imgframe src="http://filesimg.111cn.net/2011/05/20111217013310273.jpg" border=0 />
第4期
<img  
class=imgframe src="http://filesimg.111cn.net/2011/05/2011121701323138.jpg" border=0 />
第5期
<img  
class=imgframe src="http://filesimg.111cn.net/2011/05/20111217013316188.jpg" border=0 />
第6期
<img  
class=imgframe src="http://www.111cn.net/notfound.jpg" border=0 />
第7期

<img  
      src="http://filesimg.111cn.net/2011/05/20111217013333102.gif" border=0 onmouseout=StopScroll() onmouseover=Right()

<br><br>如果没有看到效果，请等待图片下载完成，并刷新页面。鼠标先放到左边，然后在放右边。
</body>
</html>

提示：您可以先修改部分代码再运行

本文来源：http://www.bbyears.com/wangyezhizuo/32998.html

链接：http://www.bbyears.com/wangyezhizuo/32998.html
javascript学习指南|javascript 控制图片水平方向左右滚动代码(转载时请注明本文出处及链接)

猜你感兴趣

【胶怎么去除】多种去除超级链接点击时虚线方法 2017-05-30
【javascript学习指南】java 百分比饼图的实现代码 2017-05-30
[sql中datetime转换成varchar字符串]sql中datetime转换成varchar字符型多种方法 2017-05-30
extjs4.2_extjs4中滚轴控件 Ext.slider的用法 2017-05-30
asp.net验证字符是否为空|asp.net验证字符是否为纯数字代码 2017-05-30
【自动切换功能tab选项卡】自动切换功能tab选项卡效果 2017-05-30
[jfreechart教程]用jfreechart绘制水晶效果的拼图实现代码 2017-05-30
oracle 数组|oracle数组类型简单实例介绍 2017-05-30
extjs4.2_extjs4 中下拉列表编辑实例用法 2017-05-30
【简单搜索网页版】简单的网页中禁用右键js代码 2017-05-30

本类排行

本类最新

更多>>

javascript学习指南|javascript 控制图片水平方向左右滚动代码

猜你感兴趣

热门标签

本类排行

本类最新