javascript实现的一个图片转移效果

应网友要求修改一个图片转移效果 一个比较漂亮的效果，只是在增加图片效果时有些麻烦。今天应网友的要求，对 JS 进行了更改。使大家在对图片添加删除更加容易。在这里主要对以下几点详细说明一下。
var firstnum = 1;
var secnum = 2; 
var tounum=1; 
这三个变量分别作用是传入图片 ID 变量。以及保存当前图片 ID 便于操作！ 相信大家都会很容易的修改成自己想要的效果 ! 
代码如下:
<style type="text/css"> #mainid{position:absolute;right:5px;top:10px;height:435px;width:650px;overflow:hidden;background:#fff;left: 400px;border: 3px solid #666666;} .imgbox{position:absolute; left:35px; margin-top:20px; top:105px; z-index:90; width:100px;height:100px;background:#ffffff} .moveimgbox{position:absolute; left:700px; margin-top:20px; top:105px; z-index:90; width:100px;height:100px;background:#ffffff} </style> <a href="javascript:;" onclick="showimg('/UploadFiles/2021-04-02/1.GIF');"><img src="/UploadFiles/2021-04-02/1.GIF" alt="javascript实现的一个图片转移效果" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a> <a href="javascript:;" onclick="showimg('http://www.szrgb.net/text/moveimg/images/2.JPG');"><img src="http://www.szrgb.net/text/moveimg/images/2.JPG" alt="javascript实现的一个图片转移效果" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a> <a href="javascript:;" onclick="showimg('/UploadFiles/2021-04-02/3.JPG');"><img src="/UploadFiles/2021-04-02/3.JPG" alt="javascript实现的一个图片转移效果" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a> <a href="javascript:;" onclick="showimg('http://www.szrgb.net/text/moveimg/images/4.jpg');"><img src="http://www.szrgb.net/text/moveimg/images/4.jpg" alt="javascript实现的一个图片转移效果" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a> <a href="javascript:;" onclick="showimg('/UploadFiles/2021-04-02/1.GIF');"><img src="/UploadFiles/2021-04-02/1.GIF" alt="javascript实现的一个图片转移效果" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a> <a href="javascript:;" onclick="showimg('http://www.szrgb.net/text/moveimg/images/2.JPG');"><img src="http://www.szrgb.net/text/moveimg/images/2.JPG" alt="javascript实现的一个图片转移效果" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a> <a href="javascript:;" onclick="showimg('/UploadFiles/2021-04-02/3.JPG');"><img src="/UploadFiles/2021-04-02/3.JPG" alt="javascript实现的一个图片转移效果" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a> <a href="javascript:;" onclick="showimg('http://www.szrgb.net/text/moveimg/images/4.jpg');"><img src="http://www.szrgb.net/text/moveimg/images/4.jpg" alt="javascript实现的一个图片转移效果" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a>
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]