Question

我有一个叫做foo的div。这是div的css：

background-color: #FFFF00;
float:right;
width: 50px;
height: 50px;

它位于另一个div的右上角。好吧，如果我点击它，我想要更改内容SMOOTHLY，并将size / css SMOOTHLY更改为：

background-color: #FFFF00;
float: right;
width: 255px;

我想切换它...我知道jQuery可能的一切，但是怎么样？我可以使用哪些功能？什么是最好的方法呢？

问候

Answer 1

是的，您可以使用切换功能和动画进行操作，请参阅此示例：

    $(document).ready(function(){   $(".slide").toggle(
    function () {
        $("#slider").animate({marginLeft: "-400px"}, 1000, "easeInOutQuad")
    },
    function () {
        $("#slider").animate({marginLeft: 0}, 1000, "easeInOutQuad")
    }
);});

您可以更改参数以满足您的需求

使div更加平滑并查看其他内容，切换

1 个答案: