画面の右側にdivタグをスライドさせる必要がありますが、jQueryでこの効果を得るにはどうすればよいですか?私はここを探していました: http://api.jquery.com/category/effects/sliding/ そしてそれは私が探しているものではないようです...
JQuery自体に加えて jQuery UI ライブラリを含めることを希望する場合は、 hide()
、追加の引数 を使用できます。次のとおりです。
_$(document).ready(
function(){
$('#slider').click(
function(){
$(this).hide('slide',{direction:'right'},1000);
});
});
_
JQuery UIを使用せずに、 animate()
を使用するだけで目的を達成できます。
_$(document).ready(
function(){
$('#slider').click(
function(){
$(this)
.animate(
{
'margin-left':'1000px'
// to move it towards the right and, probably, off-screen.
},1000,
function(){
$(this).slideUp('fast');
// once it's finished moving to the right, just
// removes the the element from the display, you could use
// `remove()` instead, or whatever.
}
);
});
});
_
JQuery UIを使用することを選択した場合、Googleがホストするコードにリンクすることをお勧めします: https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/jquery- ui.min.js