一聚教程网：一个值得你收藏的教程网站

ps教程| flash教程| 路由器设置| Jsp教程| 加入收藏

首页游戏下载软件下载专题资讯教程 php教程 asp.net教程 css教程网页制作网页特效手机开发办公数码

+ -

当前位置：一聚教程网 > 网页特效 > 页面特效

推荐专题

最新下载

1

我变成了妹子2
106.21M 类型： 模拟经营
2

校长我来当
98.61M 类型： 模拟经营
3

荒原生活
405.0MB 类型： 休闲益智
4

地球计划小队2026
98.38M 类型： 射击枪战
5

特技汽车平衡器3
103.51M 类型： 赛车竞速
6

西部战记
47.80M 类型： 角色扮演
7

双向世界解谜
106.69M 类型： 休闲益智
8

求生文字
80.41M 类型： 动作冒险
9

植物守卫僵尸2026
70.4MB 类型： 策略塔防
10

花花姑娘之魔法花园(模拟换装养成
113.2MB 类型： 模拟经营

热门教程

1

诛仙2鬼王怎么加点鬼王加点推荐
时间：2025-08-20 类型： 游戏攻略
2

诛仙2见影灵泉奇遇任务怎么做见影灵泉奇遇任务流程攻略
时间：2025-08-20 类型： 游戏攻略
3

三国天下归心诸葛亮怎么样诸葛亮技能介绍一览
时间：2025-08-20 类型： 游戏攻略
4

三国天下归心追击队怎么玩追击队玩法教学
时间：2025-08-20 类型： 游戏攻略
5

三国天下归心武将怎么获得武将获取方法
时间：2025-08-20 类型： 游戏攻略
6

星痕共鸣剧毒蜂巢怎么获取剧毒蜂巢获取攻略
时间：2025-08-20 类型： 游戏攻略
7

新三国志曹操传李儒之影怎么打李儒之影打法教学
时间：2025-08-20 类型： 游戏攻略
8

辉烬队伍怎么搭配配队攻略指南
时间：2025-08-20 类型： 游戏攻略
9

创造吧我们的星球种田玩法怎么玩种田玩法介绍一览
时间：2025-08-20 类型： 游戏攻略
10

华夏千秋怎么表白表白方法一览
时间：2025-08-20 类型： 游戏攻略

js可控图片左右滚动代码

时间：2022-07-02 14:53:29 编辑：袖梨来源：一聚教程网

YPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.**w*3.org/TR/REC-html40/loose.dtd">

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

<title></title>

<div id="scroll_image">
	<div style="float:left;">
		<input id="left_button" value="《" type="button" style=" "> 
	</div>
	
	<div id="marqueedivcontrol1" style="overflow:hidden;   float:left; margin:0 5px;">
		<table style="border-collapse: collapse; display: inline;" cellpadding="0" cellspacing="0">
			<tbody>
				<tr>
					<td style="white-space: nowrap;" nowrap>
					
					
					
						<table width="600" border="0">
						  <tr>
							<td><img src="https://img.111cn.net/uploads/20220923/img_632c8bbd0080a30.gif" border="0" height="50" hspace="1" width="150"></td>
							<td><img src="https://img.111cn.net/uploads/20220923/img_632c8bbd287e431.gif" border="0" height="50" hspace="1" width="150"></td>
							<td><img src="https://img.111cn.net/uploads/20220923/img_632c8bbd4dafe32.gif" border="0" height="50" hspace="1" width="150"></td>
							<td><img src="https://img.111cn.net/uploads/20220923/img_632c8bbd7407933.gif" border="0" height="50" hspace="1" width="150"></td>
							<td><img src="https://img.111cn.net/uploads/20220923/img_632c8bbdbd96334.gif" border="0" height="50" hspace="1" width="150"></td>
							<td><img src="https://img.111cn.net/uploads/20220923/img_632c8bbdcc09d35.gif" border="0" height="50" hspace="1" width="150"></td>						
							<td><img src="https://img.111cn.net/uploads/20220923/img_632c8bbdeff5236.gif" border="0" height="50" hspace="1" width="150"></td>
							<td><img src="https://img.111cn.net/uploads/20220923/img_632c8bbe1eb4937.gif" border="0" height="50" hspace="1" width="150"></td>
							<td><img src="https://img.111cn.net/uploads/20220923/img_632c8bbe4616338.gif" border="0" height="50" hspace="1" width="150"></td>
						  </tr>
						  <tr style="text-align:center">
							<td>AAAA</td>
							<td>BBBB</td>
							<td>CCCC</td>
							<td>DDDD</td>
							<td>EEEE</td>
							<td>FFFF</td>
							<td>GGGG</td>
							<td>HHHH</td>
							<td>IIII</td>
						  </tr>
						</table>
						
						
					</td>
				</tr>
			</tbody>
		</table>
	</div> 
	
	<div style="float:left;">
		<input id="right_button" value="》" type="button" style=" ">
	</div>
</div>

<script defer>
	var marquee3=new Marquee("marqueedivcontrol1");
	marquee3.Direction="left";
	marquee3.Step=1;
	marquee3.;
	marquee3.;
	marquee3.Timer=20;
	marquee3.ScrollStep=-1;//此句禁止鼠标控制
	marquee3.Start();
	
	/***********************************************************************************************************/
	/* 为了给id为scroll_image这个最大层设置宽,防止随意设置 marquee3.Width 过大超过scroll_image的宽, 而引起float:left失效*/
	var towButtonleft_button').style.width) + 
						 parseInt(document.getElementById('right_button').style.width) + 10; // 这的10为id marqueedivcontrol1 marign:0 5;
	document.getElementById('scroll_image').style.width = marquee3.Width + towButtonWidth;
	/***********************************************************************************************************/
	
	var left_button = document.getElementById('left_button');
	var right_button = document.getElementById('right_button');
	left_button.onmouseover=function(){marquee3.Direction=2}
	left_button.onmouseout=left_button.onmouseup=function(){marquee3.Step=marquee3.BakStep}
	left_button.onmousedown=right_button.onmousedown=function(){marquee3.Step=marquee3.BakStep+2}
	right_button.onmouseover=function(){marquee3.Direction=3}
	right_button.onmouseout=right_button.onmouseup=function(){marquee3.Step=marquee3.BakStep}
</script>

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

相关文章

热门栏目