0

「トグル」の代わりに「右」または「左」と書き込もうとすると、右にスライドしようとしていますが、機能しません。動作していません。私を助けてください私のコードは以下です。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('ul').hide();

});
function next(){

$('ul').animate({width: 'toggle'}, 1000);
}
</script>
<style>
ul{height:30px; overflow: hidden; }
ul li{ display: inline-block; padding: 10px; }
</style>
</head>

<body><p onclick="next()">next</p>

<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
</ul>

</body>
</html>
4

2 に答える 2

0

ここでの作業デモ:デモ

JS コード:

$(document).ready(function(){
    $("ul").hide();
    $("p").click(function(){        
           $("ul").show("slide",{direction: 'right'})
    });

});
于 2013-07-26T05:07:58.400 に答える
0

jQuery .slideRight effectで提供されている Sliding ソリューションを試すことができます。

$(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.
            }
        );
    });
});
于 2013-07-26T06:20:32.407 に答える