web前端|js教程
javascript实现的一个图片转移效果
web前端-js教程
应网友要求修改一个图片转移效果 一个比较漂亮的效果,只是在增加图片效果时有些麻烦。今天应网友的要求,对 JS 进行了更改。使大家在对图片添加删除更加容易。在这里主要对以下几点详细说明一下。
var firstnum = 1;
var secnum = 2;
var tounum=1;
这三个变量分别作用是传入图片 ID 变量。以及保存当前图片 ID 便于操作! 相信大家都会很容易的修改成自己想要的效果 !
代码如下:
易语言qq群发源码,ubuntu如何运行vbs,tomcat关闭后这么打开,网络爬虫大全,php 反射属性赋值,邯郸百度seo推广能带来客户吗lzw
借贷 的源码 下载地址,vscode的编译器,ubuntu介入硬盘,tomcat和iis效率,开课吧爬虫,网站模板带后台php,seo到底能做什么广告,织梦商品网站源码下载,dede模板网站如何搭建lzw
#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}
var ticked=0; var okayToGo = true; var currentCreature = 1; var forwardBackward = 1; var firstnum = 1; var secnum = 2; var tounum=1; function moveItem(firstnum,secnum){ if(okayToGo&& firstnum != secnum){ tounum=firstnum; document.getElementById(“y”+firstnum).style.zIndex = 50+10*forwardBackward; document.getElementById(“y”+secnum).style.zIndex = 50+20*forwardBackward; startTheMove =window.setInterval(function(){rightOrLeft(firstnum,secnum)},20); } } function rightOrLeft(firstnum,secnum) { if (ticked == 1020) { window.clearInterval(startTheMove); ticked = 0; forwardBackward = 1; okayToGo = true; } else { okayToGo = false; thisAngle = (Math.PI/2)*(ticked/1000); document.getElementById(“y”+firstnum).style.left = ” “+(735-Math.sin(thisAngle)*700)+”px”; document.getElementById(“y”+firstnum).style.top = ” “+(105-(forwardBackward*Math.cos(thisAngle)*55))+”px”; document.getElementById(“y”+secnum).style.left = ” “+(735-Math.sin(thisAngle+Math.PI/2)*700)+”px”; document.getElementById(“y”+secnum).style.top = ” “+(105-(forwardBackward*Math.cos(thisAngle+Math.PI/2)*55))+”px”; ticked += 20; } }
酒店点餐源码,删除ubuntu启动引导,tomcat服务器在哪个文件,云代理爬虫视频,php输入数字自动改变后面结果,seo优势排名lzw
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]