我试图让一个块在100%不透明度和一些部分透明的不透明度之间"脉动".如果可能的话,我想用jQuery核心内置的功能来做这件事.我宁愿不添加插件来获得此效果.这是我尝试使用的代码:
$(document).ready(function() {
function pulsate() {
$("#pulsating-block").animate({opacity: 0.2}, 3000).animate({opacity: 1}, 3000, null, function() {pulsate()});
}
pulsate(); });
Run Code Online (Sandbox Code Playgroud)
问题是每次动画完成时,它会在再次循环之前暂停约一秒钟.如何防止暂停使我获得平滑的"脉动"效果?(注意:在此示例中夸大了动画以突出显示我遇到的问题)
我试图找出如何在页面加载时将input
文本字段的值设置为它的值title
,作为显示占位符文本的方法.我正在使用HTML4 Strict doctype.我不想将占位符文本存储在输入值中,因为我不希望没有javascript的人在键入之前删除文本.我想用javascript添加它,然后在输入获得焦点时删除.我有focus()
和blur()
方法工作,但我无法弄清楚如何编写初始页面加载函数将输入的标题传递给val()
函数.
我目前有这个代码:
// This doesn't work, it grabs the page title:
$('#item-search').val(this.title);
// Works:
$('#item-search').focus(function() {
if (this.value == this.title) {
this.value = '';
}
});
// Works:
$('#item-search').blur(function() {
if (this.value == '') {
this.value = this.title;
}
});
Run Code Online (Sandbox Code Playgroud)