Wordpress博客后台登录输入错误的话登录窗口有左右抖动的效果。弄成jQuery函数方便调用(前提已载入jQuery包)
function shake(o){
var $panel = $("#"+o);
box_left = ($(window).width() - $panel.width()) / 2;
$panel.css({'left': box_left,'position':'absolute'});
for(var i=1; 4>=i; i++){
$panel.animate({left:box_left-(40-10*i)},50);
$panel.animate({left:box_left+2*(40-10*i)},50);
}
}
shake函数的参数o就是dom元素的ID,一般就是div的ID。shake('panel'); 简单这样调用就能实现左右抖动的效果。。我用来提示 挺好的
相关推荐
"jQuery文字图片抖动效果代码"是一个实现这种视觉特效的资源,它利用jQuery库来创建文字和图片的抖动动画。jQuery是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理、动画以及Ajax交互,使得开发者能够更...
本示例"jquery鼠标经过图片抖动效果.zip"提供了一种交互式的图片特效,即当鼠标悬停在图片上时,图片会产生抖动效果,为网页增添动态趣味性。这个效果尤其适用于制作动态导航、吸引用户注意力或者增加网站的互动体验...
"Jquery实现类似QQ窗口抖动效果"是一个常见的需求,常用于吸引用户注意力或者模拟即时通讯软件中的通知功能。下面我们将详细介绍如何利用jQuery来实现这种效果。 首先,我们需要了解窗口抖动的基本原理。窗口抖动...
本文将详细讲解如何使用jQuery为文本框设置抖动效果,以增加用户体验和互动性。 首先,我们需要确保页面已经正确引入了jQuery库。这通常通过在HTML头部添加以下代码来实现: ```html <script src="https://code....
在本文中,我们将深入探讨如何使用jQuery实现一个简单的鼠标经过图片时产生抖动效果的代码。jQuery是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理、动画制作等任务,使得网页开发更加高效和便捷。 首先...
在本文中,我们将深入探讨如何使用jQuery实现一种独特的图片切换效果——抖动式切换。抖动效果常用于吸引用户注意力,增加网页互动性,尤其是在图片展示或过渡效果中。jQuery库以其简洁的API和丰富的插件,使得实现...
"jQuery仿QQ右下角抖动效果"就是一个这样的例子,它通过JavaScript库jQuery实现了类似QQ聊天窗口右下角提示框的抖动动画,以吸引用户注意力并提供信息提示。 jQuery是一个轻量级、高性能的JavaScript库,它简化了...
总结,实现jQuery仿QQ窗口抖动特效主要涉及以下步骤:引入jQuery库,选择图片元素,创建抖动动画函数,监听点击事件,以及考虑浏览器兼容性。这个示例展示了jQuery在实现动态网页效果时的强大功能,使得开发者能够...
本教程将深入探讨如何使用jQuery来实现一个图片上下抖动的效果,这个效果常见于提示用户注意或者增加互动性的情景。 首先,我们需要引入jQuery库。在HTML文件的`<head>`部分,添加以下代码来获取jQuery库: ```...
本文将深入探讨如何使用jQuery库来实现一个具有鼠标跟随、悬浮以及左右抖动效果的导航栏,以提升用户体验并增加互动性。 首先,我们需要了解jQuery的基础知识。jQuery是一个轻量级的JavaScript库,它简化了DOM操作...
这种效果通常用于提示用户有新的消息或通知。以下是一些关键步骤和知识点: 1. **选择元素**:首先,你需要选择要抖动的元素,可以是特定的ID或者类名,例如`$("#myElement")`或`$(".抖动窗口")`。 2. **CSS样式...
7. **疯狂抖动**:这是一种强度较大的抖动效果,通常用于需要突出显示或强调的元素,例如错误提示或警告消息。 8. **综合抖动**:可能包含了上述多种抖动方式的组合,为元素创造更为复杂和多样的动态效果。 这些...
"jquery鼠标经过图片抖动.zip"是一个包含jQuery实现的特效,当用户将鼠标悬停在图片上时,图片会产生抖动效果,这种效果常用于增加网页的互动性和趣味性,尤其适用于图片相册或展示类网站。 这个特效的核心是利用...
本资源“javascript经典特效---屏幕抖动脚本.rar”聚焦于一个特定的JavaScript特效——屏幕抖动效果,这种效果常用于吸引用户注意力或者在某些特定场景下产生趣味性的互动体验。 屏幕抖动脚本是JavaScript实现的一...
"jquery果冻抖动效果.zip"是一个包含jQuery库实现的特定动态效果,它允许元素在鼠标触发时产生类似果冻般的抖动动画,增加了用户的互动体验。jQuery是一个轻量级的JavaScript库,它简化了DOM操作、事件处理、动画...
`animate()`是jQuery中最核心的动画函数,它可以用于创建自定义的动画效果。要实现抖动效果,我们需要编写一系列快速连续的位移动画,使元素看起来像是在颤动。 以下是一个基本的jQuery抖动实现步骤: 1. **定义...
本篇文章将深入探讨如何使用jQuery实现鼠标经过图片时产生抖动效果,这是一个常见的交互设计手法,能够吸引用户的注意力。 首先,我们需要理解jQuery中的基本事件处理。`mouseover`事件是当鼠标指针进入元素范围时...
3. **事件监听**:jQuery提供了丰富的事件处理函数,如`click()`、`hover()`等,用于响应用户的交互操作。在这个幻灯片中,用户可以通过点击或滑动触发图片的切换,这些事件被监听并触发相应的动画执行。 4. **...
在讨论如何使用jQuery来模拟窗口抖动效果之前,首先需要了解jQuery的基本概念。jQuery是一个快速、小巧、功能丰富的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互。在现代网页开发中,jQuery经常...
本篇文章将详细讲解如何利用jQuery实现一个果冻抖动(Jelly Effect)的视觉效果,这通常用于吸引用户的注意力或者在交互设计中增加趣味性。 首先,果冻抖动效果通常是通过CSS3的transform属性和jQuery的animate函数...