JavaScript实现图片移动
2006-10-09 11:48
393 查看
JavaScript代码:
<script type="text/javascript" defer>
var marquee_spd = 25; // 滚动速度,数值越小越快
var repeat = null;
var obj_marquee = document.getElementById("ImgList");//本例中的<div id=ImgList>
function marquee_init()
function marquee_show(direction)
function marquee_doit()
function startMove()
startMove();
</script>
DIV代码:
<div id="ImgList" direction="left" style="overflow:hidden;height:100px;width:700px">
<table width="1728" border="0" cellspacing="0" cellpadding="0" ID="Table1">
<tr>
<td>
<table cellspacing=0 cellpadding=0 border=0 align="center" ID="Table2">
<tbody>
<tr>
<td bordercolor=#ffffff width="102" height="108">
<div align="center"><a href="#" target="_blank"><img src="1.jpg" width=86 border="0" hspace=8></a><br>
<img src="space.gif" width="3" height="3"><br>
<font color="#0000CC" >图片1</font></div>
</td>
<td bordercolor=#ffffff width="102" height="108">
<div align="center"><a href="#" target="_blank"><img src="2.jpg" width=86 border="0" hspace=8></a><br>
<img src="space.gif" width="3" height="3"><br>
<font color="#0000CC" >图片2</font></div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</table>
</div>
---------20091113------------
原JS代码不兼容FF,我做了下修改。
<script type="text/javascript" defer>
var marquee_spd = 25; // 滚动速度,数值越小越快
var repeat = null;
var obj_marquee = document.getElementById("ImgList"); //本例中的<div id=ImgList>
startMove();
</script>
<script type="text/javascript" defer>
var marquee_spd = 25; // 滚动速度,数值越小越快
var repeat = null;
var obj_marquee = document.getElementById("ImgList");//本例中的<div id=ImgList>
function marquee_init()
function marquee_show(direction)
function marquee_doit()
function startMove()
startMove();
</script>
DIV代码:
<div id="ImgList" direction="left" style="overflow:hidden;height:100px;width:700px">
<table width="1728" border="0" cellspacing="0" cellpadding="0" ID="Table1">
<tr>
<td>
<table cellspacing=0 cellpadding=0 border=0 align="center" ID="Table2">
<tbody>
<tr>
<td bordercolor=#ffffff width="102" height="108">
<div align="center"><a href="#" target="_blank"><img src="1.jpg" width=86 border="0" hspace=8></a><br>
<img src="space.gif" width="3" height="3"><br>
<font color="#0000CC" >图片1</font></div>
</td>
<td bordercolor=#ffffff width="102" height="108">
<div align="center"><a href="#" target="_blank"><img src="2.jpg" width=86 border="0" hspace=8></a><br>
<img src="space.gif" width="3" height="3"><br>
<font color="#0000CC" >图片2</font></div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</table>
</div>
---------20091113------------
原JS代码不兼容FF,我做了下修改。
<script type="text/javascript" defer>
var marquee_spd = 25; // 滚动速度,数值越小越快
var repeat = null;
var obj_marquee = document.getElementById("ImgList"); //本例中的<div id=ImgList>
startMove();
</script>
相关文章推荐
- ASP.Net中无法用javascript实现图片随屏幕移动的解决办法
- javascript实现图片左右移动动画
- javascript实现图片跟随鼠标移动效果的方法
- 基于JavaScript实现鼠标箭头移动图片跟着移动
- Javascript实现图片位置控制(鼠标拖拽 + 键盘方向键移动)源码分享
- JavaScript实现图片横向移动(转载)
- javascript实现图片跟随鼠标移动效果的方法
- JavaScript (实例:实现鼠标移动到图片上后图片放大同时不超出指定范围)
- (转)ASP.Net中无法用javascript实现图片随屏幕移动的解决办法
- Javascript实现图片位置控制(鼠标拖拽 + 键盘方向键移动)源码分享
- ASP.Net中无法用javascript实现图片随屏幕移动的解决办法
- javascript实现图片的移动
- ASP.Net中无法用javascript实现图片随屏幕移动的解决办法
- JavaScript简单实现鼠标移动切换图片的方法
- JavaScript实现图片移动
- JavaScript简单实现鼠标移动切换图片的方法
- Javascript--利用向量旋转实现网页图片移动和碰撞反弹效果
- ASP.Net中无法用javascript实现图片随屏幕移动的解决办法
- 文字或图片跟随鼠标移动或键盘控制图片移动实例(javascript实现)
- Javascript实现图片的移动,图片的放大,图片缩小功能