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

网络编程 2024/10/14 佚名

3 2 1

应网友要求修改一个图片转移效果一个比较漂亮的效果，只是在增加图片效果时有些麻烦。今天应网友的要求，对 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实现的一个图片转移效果

标签：

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

免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com

狼山资源网 Copyright www.pvsay.com

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

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

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

www.pvsay.com 狼山资源网

29,905影音资源

44,626技术资源

11,817软件资源

578,645站长资源

最新文章

白嘉倩.1992-我有我【星工厂】【WAV+CUE】

2024/10/14

27

黎明.2006-LOOKING【东亚唱片】【WAV+CUE】

2024/10/14

63

群星.1986-国语金曲尽精英【瑞成】【WAV+CU

2024/10/14

49

長渕剛《Blood》[FLAC/分轨][299.09MB]

2024/10/14

41

群星《歌手2024 第4期》[320K/MP3][107.39M

2024/10/14

41