Question

用jquery让一个DIV元素向右滑动并快速淡出的语句咋写的?

想用jQuery让一个DIV向右快速滑动并弹出请问语句是怎么写的？

$("#DIV").fadeOut("slow");
这个只能做到淡出，但不能移动这个元素啊

Answer 1

1、怎么才能使DIV元素向右滑动？

　     可以使用JQuery中的animate（）函数来实现，jQuery animate() 方法用于创建自定义动画。语法：$(selector).animate({params},speed,callback);必需的 params 参数定义形成动画的 CSS 属性。可选的 speed 参数规定效果的时长。它可以取以下值："slow"、"fast" 或毫秒。可选的 callback 参数是动画完成后所执行的函数名称。

2、jquery让一个DIV元素淡出的语句怎么写？

          如上你所写的是正确的不过去快速淡出参数应该是fast

提示：默认地，所有 HTML 元素都有一个静态位置，且无法移动。如需对位置进行操作，要记得首先把元素的 CSS position 属性设置为 relative、fixed 或 absolute！即要设置那个移动的DIV的position属性。

jquery让一个DIV元素向右滑动并快速淡出的代码：

<script> 
$(document).ready(function(){
  $("button").click(function(){
    $("div").animate({left:'250px'}).fadeOut("fast");
  });
});
</script>

参考资料：http://www.w3school.com.cn/jquery/jquery_animate.asp

希望对你有所了帮助！

Answer 2

$(function(){
    $("#DIV").animate({left:400},"slow").fadeOut("slow");;
});

Answer 3

<script>
$(document).ready(function(){
    $("#div").animate({right: '-50px'}, "slow");
});
</script>