Question

我正在一个新的网站上工作，我需要随机移动neews feed Actualy我用这个新闻列表构建一个数组。数组被洗牌并放在新闻源的位置。

这个技巧很好用，但我想添加一些动画，效果来显示项目移动。

我的HTML如下所示：

<div class="wrapper">
   <a href="...">news content</a>
   <a href="...">news content</a>
   <a href="...">news content</a>
</div>

所以我需要在<a>

内制作<div>元素

我怎么能这样做？

Answer 1

制作简单动画的最简单和最常用的方法是使用jQuery。我希望你熟悉它，否则看看over here。

我已经通过我的问题解决方案a JSFiddle发了很多评论。

该代码基本上做的是计算应该移动的元素的数量，然后以随机顺序给每个元素一个上边距。棘手的部分是跟踪已经被赋予最高边界的元素，因此我将他们的id推入阵列。

您还应该知道我已经为每个链接元素提供了如下ID：

<div class="wrapper">
    <a id="1">news content 1</a>
    <a id="2">news content 2</a>
    <a id="3">news content 3</a>
    <a id="4">news content 4</a>
    etc...
</div>

所有链接元素必须具有类似的ID。此外，所有链接都应在其CSS中具有display: block;属性。我希望你喜欢我的解决方案，祝你好运！

在Div内随机移动Item

1 个答案: