推送内容 JavaScript 内容

Push content javascript content

本文关键字：JavaScript 内容      更新时间：2023-09-26

如何推送我的内容与另一个内容相同？好的，我知道这个问题似乎有点模糊，但我想做的是像另一个脚本推送其内容一样推送我的内容。单击按钮时在做什么，它将从侧面推动内容，导致div 收缩。我离得不太远，所以也许有人可以帮忙。这是有效的脚本： 

$(function(){
    var $trigger = $(".icon-menu-2");
    var $menu = $(".c_left");
$trigger.toggle(function show() {
    $menu.animate({ width: 185, marginLeft: 0, display: 'toggle'}, 'slow');
    $(".c_right").animate({ marginLeft:185, display:'toggle'}, 'slow');
}, function hide() {
    $menu.animate({ marginLeft: -185, display: 'toggle'}, 'slow');
    $(".c_right").animate({ marginLeft:0, display:'toggle'}, 'slow');
    });
})

http://jsfiddle.net/Ndvbn/2/

这是一个只需要稍作修饰的脚本，以便它像上面的脚本在单击测试时一样推送内容。这是脚本：

var timer;
$("#slideout").animate({right:'0px', queue: false, duration: "slow"}, function () {
    timer = setTimeout(function () {
        $("#slideout").animate({right:'-280px'}, {queue: false, duration: "slow"})
    }, 500);
});
$("#clickme2").click(function () {
    if ($("#slideout").css("right") == "-280px"){
        $("#slideout").animate({right:'0px'}, {queue: false, duration: 500}, function () {
        clearTimeout(timer);
        });
    } else {
        $("#slideout").animate({right:'-280px'}, {queue: false, duration: 500}, function () {
        clearTimeout(timer);
    });}
});

http://jsfiddle.net/5UpHk/4/

任何人都可以发布代码，以便我的第二个脚本将内容推送到左侧吗？

下面的

脚本会将内容推送到左侧。我也对CSS做了一些更改。在此处查看演示和代码：http://jsfiddle.net/BdKhW/1/

var timer;
$("#slideout").animate({width:'275px'}, {queue: false, duration: "slow"}, function () {
    timer = setTimeout(function () {
        $("#slideout").animate({width:0}, {queue: false, duration: "slow"})
        $(".c_left").animate({marginRight:0}, {queue: false, duration: "slow"})
    }, 2000);
});
$(".c_left").animate({marginRight:'275px'}, {queue: false, duration: "slow"})
$("#clickme2").click(function () {
    $("#slideout").animate({width:0}, {queue: false, duration: "slow"})
    $(".c_left").animate({marginRight:0}, {queue: false, duration: "slow"})
});
相关文章：