水平移动一个div

-1

我有一个HTML页我想在HTML页面，当我点击一些链接，我可以水平移动一些div ...水平移动一个div

像

1  2  3  4  5   6   7 
__________________________________________________________________ 











___________________________________________________________________

在这些之间的行7号的div显示一个接一个，当我点击特定的链接&它将来自右侧左侧...

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

来源

2013-10-17 Anup Karanjkar

你试过了什么？ –

通常堆栈溢出对于更具体的问题或解决特定问题很有用。目前还不清楚你在这里做什么或者你尝试过什么。如果你发布你正在尝试的JavaScript，那么你可能会得到更有帮助的答案。 – olleicua

你可以使用jQuery动画为你的每个人的利益，并将他们绑定到您的目标股利用数据属性。当单击元素时，可以向左或向右设置动画，并通过传递这些参数来更改不透明度。

SOURCE

DOM

<ul> 
    <li data-target='your-target-div'> 
    ... 
</ul> 
<div id='your-target-div'></div>

JAVSCRIPT

$('ul li').each(function(){ 
    $(this).click(function(){ 
     target = '#'+$(this).data('target'); 
     $(target).animate({ 
      // ENTER YOUR ANIMATION FOR DIV 
     }, 2000); 
    }); 
});

来源

2013-10-17 13:54:07

好像你可能要“有生”这些div做/移动/是对某种行为有某种特定的态度。看看this它可能会有所帮助。

来源

2013-10-17 13:52:48 morne

你可以试试jQuery的手风琴：http://jqueryui.com/accordion/

来源

2013-10-17 14:00:17 olleicua

水平移动一个div

回答

相关问题