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
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!