gpt4 book ai didi

php - 我只想使用 jquery 向右(水平)滑动而不切换 ul li 元素

转载 作者:行者123 更新时间:2023-11-28 12:37:55 24 4
gpt4 key购买 nike

我正在尝试向右滑动但不起作用,当我试图写“右”或“左”而不是“切换”时。它不工作。请帮助我我的代码如下。

<!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>

最佳答案

此处的工作演示:Demo

JS代码:

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

});

关于php - 我只想使用 jquery 向右(水平)滑动而不切换 ul li 元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17873063/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com