meta charset="UTF-8"> title>Benutzerdefinierter Animationstitel> script type="text/javascript" src="jquery.1.12."/> meta charset="UTF-8"> title>Benutzerdefinierter Animationstitel> script type="text/javascript" src="jquery.1.12.">

Heim  >  Artikel  >  Web-Frontend  >  So verschieben Sie Bilder mit Javascript nach links und rechts

So verschieben Sie Bilder mit Javascript nach links und rechts

一个新手
一个新手Original
2017-10-11 10:11:124135Durchsuche

Die Bewegung des Bildes nach links und rechts hat einen Animationseffekt wie eine Schaukel. Das Bild selbst kann neu definiert werden, und die Bewegungsgeschwindigkeit und -entfernung kann auch im Code eingestellt werden einfacher Js-generierter Animations-Spezialeffektcode, nur als Referenz.

<!DOCTYPE html>
<html>
<head> 
<meta charset="UTF-8"> 
<title>自定义动画</title> 
<script type="text/javascript" src="jquery.1.12.4.js"></script> 
<style> * {
    margin: 0;
}
</style> <script type="text/javascript"> var moveToLeft = function () {
    $("#topImg").animate( {
    "left": "0"
}
, "slow", moveToRight);
}
;
    var moveToRight = function () {
    $("#topImg").animate( {
    "left": "100px"
}
, "slow", moveToLeft);
}
;
    $(function () {
    $("button").click(moveToRight);
}
);
    </script></head><body><button>点击我右移100px</button><br/><br/><br/><br/><img id="topImg" style="position: absolute;
    left: 0" src="图片1_30.jpg"/></body></html>

Das obige ist der detaillierte Inhalt vonSo verschieben Sie Bilder mit Javascript nach links und rechts. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn