Maison > Article > interface Web > Comment déplacer des images vers la gauche et la droite en utilisant Javascript

Comment déplacer des images vers la gauche et la droite en utilisant Javascript

一个新手original: 2017-10-11 10:11:124099parcourir

Le mouvement gauche et droit de l'image a un effet d'animation comme une balançoire. L'image elle-même peut être redéfinie, et la vitesse et la distance de mouvement peuvent également être définies dans le code. code d'effets spéciaux d'animation simple généré par Js, pour référence uniquement.

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

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Comment utiliser jQuery pour obtenir un effet loupeArticle suivant：Comment utiliser jQuery pour obtenir un effet loupe

Articles Liés

Voir plus