멋진 이미지 변환
2674 단어 그림
<script>
var ticked=0;
var okayToGo = true;
var currentCreature = 1;
var forwardBackward = 1;
var theNewContainer = 1;
var theOldContainer = 2;
function toggleContainers()
{
theNewContainer = (theNewContainer == 1) ? 2 : 1;
theOldContainer = (theOldContainer == 1) ? 2 : 1;
}
function moveItem(thisCreature){
if(okayToGo&& thisCreature != currentCreature){
toggleContainers();
newCreature = thisCreature;
document.getElementById("y"+theNewContainer).style.zIndex = 50+10*forwardBackward;
document.getElementById("y"+theOldContainer).style.zIndex = 50+20*forwardBackward;
startTheMove = window.setInterval("rightOrLeft()",20);
}
}
function rightOrLeft()
{
if (ticked == 1020)
{
window.clearInterval(startTheMove);
ticked = 0;
forwardBackward = 1;
currentCreature = newCreature;
okayToGo = true;
}
else
{
okayToGo = false;
thisAngle = (Math.PI/2)*(ticked/1000);
document.getElementById("y"+theNewContainer).style.left = " "+(735-Math.sin(thisAngle)*700)+"px";
document.getElementById("y"+theNewContainer).style.top = " "+(105-(forwardBackward*Math.cos(thisAngle)*55))+"px";
document.getElementById("y"+theOldContainer).style.left = " "+(735-Math.sin(thisAngle+Math.PI/2)*700)+"px";
document.getElementById("y"+theOldContainer).style.top = " "+(105-(forwardBackward*Math.cos(thisAngle+Math.PI/2)*55))+"px";
ticked += 20;
}
}
</script>
<a href="javascript:moveItem(1);"><img src="http://t4.baidu.com/it/u=2900771931,2776220722&gp=6.jpg"></a>
<a href="javascript:moveItem(2);"><img src="http://t2.baidu.com/it/u=2879406521,1676348574&gp=44.jpg"></a>
<div align="right" style="position:absolute; right:5px; top:10px; height:435px; width:650px; overflow:hidden;background:#fff">
<div id="y1" style="position:absolute; left:35px; margin-top:20px; top:105px; z-index:90; width:100px;height:100px;background:#ffffff"><img src="http://www.sjjia.com/shoujitupian/downfileq/rhd/97908f1b2rhdqfn.jpg"></div>
<div id="y2" style="position:absolute; left:700px; margin-top:20px; top:105px; z-index:90; width:100px;height:100px;background:#ffffff"><img src="http://www.16277.com/caitu/uploadfile/2007/3/28/1057394275129.jpg"></div>
</div>
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
[Processing] 클릭 포인트를 저장하고 아트 작품 그리기라고해도 가볍게 동작 설명을 마우스를 클릭하면 점이 기울어집니다. 첫 번째 점은 마우스의 위치를 목표로 계속 움직입니다. 선두 이외의 점은 1개전의 (선배에 해당하는 점)의 위치를 목표로 합니다 ⇒항상 움직이는 아트...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.