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

站长资源 2026/7/15 佚名

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实现的一个图片转移效果”

暂无评论...

www.paidiu.com 黑松山资源网

39,976影音资源

44,792技术资源

21,817软件资源

651,128站长资源

最新文章

多种语言下获取当前页完整URL及其参数

2026/7/15

10

asp php 清空access mysql mssql数据库的代

2026/7/15

36

ibatis简单实现与配置

2026/7/15

3

初探 SOA

2026/7/15

6

初探 SOA(补充)

2026/7/15

69

更新日志

2026年07月15日

2026年07月15日