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

站长资源 2026/11/12 佚名

2 0 1

黑松山资源网 Design By www.paidiu.com

应网友要求修改一个图片转移效果一个比较漂亮的效果，只是在增加图片效果时有些麻烦。今天应网友的要求，对 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需再刷新一下页面才能执行]

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

黑松山资源网 Design By www.paidiu.com

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！

黑松山资源网 Design By www.paidiu.com

评论“javascript实现的一个图片转移效果”

暂无评论...

P70系列延期，华为新旗舰将在下月发布

3月20日消息，近期博主@数码闲聊站透露，原定三月份发布的华为新旗舰P70系列延期发布，预计4月份上市。

而博主@定焦数码爆料，华为的P70系列在定位上已经超过了Mate60，成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢？
根据目前爆料的消息来看，华为P70系列将推出三个版本，其中P70和P70 Pro采用了三角形的摄像头模组设计，而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智，但辨识度绝对拉满。

更新日志

2026年11月12日

2026年11月12日