jQuery--元素抖动效果的简单实现

最新推荐文章于 2021-06-03 03:47:55 发布

Jon_z

最新推荐文章于 2021-06-03 03:47:55 发布

阅读量3.8k

点赞数 3

分类专栏：前端文章标签： jQuery html

本文链接：https://blog.csdn.net/javer_lo/article/details/49965037

版权

本文介绍了使用jQuery创建元素抖动效果的简单方法，包括导入jQuery库、定义抖动元素、编写抖动函数及调用函数。关键在于利用jQuery的animate方法改变元素的left属性，通过设置不同的位置实现抖动效果。注意，初始需将元素样式设置为相对定位。

摘要由CSDN通过智能技术生成

效果：验证错误时，元素左右抖动
抖动效果图

实现步骤：

1.导入：jquery-1.11.3.min.js

 <script type="text/javascript" src="<%=request.getContextPath()%>/resources/js/jquery-1.11.3.min.js"></script>

2.被抖动元素

<div id="login-err" class=

关注

专栏目录