自制让dom元素抖动的插件方法

最新推荐文章于 2024-01-16 01:11:14 发布

项小莫

最新推荐文章于 2024-01-16 01:11:14 发布

阅读量295

点赞数

分类专栏： JavaScript 文章标签： JavaScript UI ViewUI

JavaScript 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现的输入框错误提示视觉效果——抖动反馈。通过简单的代码示例，展示了如何使输入框在检测到错误输入时产生左右晃动，以此来提醒用户进行修正。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

如何让输入框在输入错误的时候抖动产生一种输入错误的视觉效果呢？

'DOMShake' : function(o){
            var $panel = $(o);
            $panel.stop()
                .animate({ left: "-10px" }, 100).animate({ left: "10px" }, 100)
                .animate({ left: "-10px" }, 100).animate({ left: "10px" }, 100)
                .animate({ left: "0px" }, 100);
        }