一个简单的循环往复的动画效果

1、概述：在我们编程时会用到一些简单的动画效果，下面介绍一个：

2、代码如下：

<!DOCTYPE HTML>
<HTML><HEAD><TITLE> By ShaZhou </TITLE></HEAD><BODY><div class="dotA" style="position:absolute">a</div>
<div class="dotB" style="position:absolute">b</div></BODY><script type="text/javascript" src="jquery-1.11.3.js"></script><script type="text/javascript">
$(document).ready(sssss());function sssss(){$(".dotA").animate({top:"100px"},500);$(".dotA").animate({top:"200px"},500);$(".dotA").animate({top:"300px"},500);$(".dotA").animate({top:"0px"},500);$(".dotB").animate({top:"300px"},500);$(".dotB").animate({top:"0px"},500);setTimeout(sssss,10);
}
</script>
</HTML>

3、效果如下：

转载于:https://www.cnblogs.com/shazhou-blog/p/5209233.html

一个简单的循环往复的动画效果相关推荐

JS JQuery实现简单的鼠标移动动画效果
JS JQuery实现简单的鼠标移动动画效果说明: 之前看到过很多别人写的的网页鼠标特效,感觉很炫酷. 但是那些都涉及到复杂的数学知识和逻辑,我没有能力写出类似的鼠标效果,于是我仿照一般的显示鼠标移 ...
matlab车轮滚动动画,Fireworks动画教程：简单制作轮子滚动动画效果
本教程是向大家介绍利用Fireworks简单制作轮子滚动动画效果,方法很简单,主要想通过这一实例向大家介绍fw mx如何让我们的web design变得更easy,希望大家通过本篇教程能有收获! 一直 ...
用SVG和Vanilla JS框架创建一个“星形变心形”的动画效果
在我写的这篇文章中, 讲述了如何用Vanilla JavaScript使动画顺滑的从一种状态过渡到另一种.最好先看下那篇文章,因为在这篇文章中我们要用到一些那篇文章中讲过的内容.例如例子的演示.各种时 ...
简单的UIButton按钮动画效果iOS源码
这个是简单的UIButton按钮动画效果案例,源码,简单的UIButton按钮动画,可以自定义button属性. 效果图: <ignore_js_op> 使用方法: 使用时把ButtonA ...
html怎么让方块自动旋转,如何使用纯CSS实现一个圆环旋转错觉的动画效果（附源码）...
本篇文章给大家带来的内容是关于如何使用纯CSS实现一个圆环旋转错觉的动画效果,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 效果预览源代码下载 https://github.com ...
css实现简单的告警提示动画效果
需求:css实现简单的告警提示动画效果,当接收到实时信息的时候,页面弹出告警信息的动画效果 <!DOCTYPE html> <html lang="en"> ...
基于JavaScript+css写一个简单的h5动态下雨效果
基于JavaScript+css写一个简单的h5动态下雨效果文章目录什么是前端展示效果 JavaScript是什么? 步骤 1.html 2.css 3.js 什么是前端前端它是一个工作,它的 ...
手机端自定义简单的下拉动画效果选择框解决过渡失效
手机端自定义简单的下拉动画效果选择框解决过渡失效 <template> // 弹出框触发并显示选择结果<view class="header_top_sel" ...
【每日一练】134—一个好玩有趣的CSS 动画效果
今天这个练习是一个用纯CSS实现的动画效果,非常有趣,大家可以看一下它的最终效果: HTML代码: <!doctype html> <html><head>< ...

一个简单的循环往复的动画效果

一个简单的循环往复的动画效果相关推荐

最新文章

热门文章