我想做出一些效果,点击链接后会在视觉上突出显示表单。
到目前为止我得到了
$('#form').addClass("message");
$('#form').animate({backgroundColor: 'ffffff'},3000);
$('#form').animate({opacity:0},3000);
和它的CSS
.message{
background:#9ed0f2;
}
重点只是将用户的注意力引向表单。
我应该寻找一些开箱即用的解决方案吗?
我想做出一些效果,点击链接后会在视觉上突出显示表单。
到目前为止我得到了
$('#form').addClass("message");
$('#form').animate({backgroundColor: 'ffffff'},3000);
$('#form').animate({opacity:0},3000);
和它的CSS
.message{
background:#9ed0f2;
}
重点只是将用户的注意力引向表单。
我应该寻找一些开箱即用的解决方案吗?
您实际上可以在单击链接时将焦点放在表单元素上,突出显示该字段,就好像他们单击了它一样。
所以示例代码:
$('#link_that_was_clicked').click(function() {
$('#first_form_element').focus();
});
您也可以我应该在按钮单击时为表单添加一个边框,以便整个表单被一个 2px 黑色边框包围?
当您使用 jQuery 的 .scrollTop() 和 .offet() 方法单击按钮时,您也可以让 jquery 滚动到表单
样本
$('#link_that_was_clicked').click(function() {
$(document).scrollTop( $("#form").offset().top );
$('#first_form_element').focus();
});
链接
你甚至可以从http://jackrugile.com/jrumble/隆隆声:)
最好创建突出显示或某些 css 类并为该类设置动画。这样您就可以将设计与 javascript 代码分开。