Javascript 如何将一个div向右滑动，使其看起来像是从div后面滑出

好的，我有一个div，它有几个链接。现在我想让所有这些链接从左侧到右侧制作相同的div幻灯片。从我所做的研究来看，我应该使用Jquery的animate函数。问题是我还没有看到任何能满足我要求的例子。这些是div中的链接

持有者{ 宽度：100%； 身高：100% } .选择{ 字号：175%； 背景色：清晰； 宽度：15%； 填充物：5px； } .catselect{ 文本装饰：无 } 类别{ 字号：800； 位置：绝对位置； 前：.25%； 左：2%； } 我的校长1{ 位置：绝对位置； 最高：7%； 左：3%； } 我的校长2{ 位置：绝对位置； 最高：11.5%； 左：3%； } 我的校长3{ 位置：绝对位置； 最高：16%； 左：3%； } 类别 您必须设置具有转换的元素的左属性

$document.readyfunction{ $'divClickMe'.onclick，函数{ ifparseInt$'divSideAd'.css'left'<0{ $'divSideAd'.css'left'，'50px'； $'divClickButton'.addClass'invisibleField'； } 否则{ $'divSideAd'.css'left'，'-270px'； $'divClickButton'。删除类'invisibleField'； } } } 塞迪夫先生{ 位置：绝对位置； 左：-270px； 高度：140像素； 宽度：300px； 背景：fff； -网络工具包盒阴影：0px 0px 5px 5px青色； 边界半径：10px； 填充：1%； -webkit转换：2s； } .隐形场{ 可见性：隐藏； -webkit转换：0.5s； } 单击我隐藏 我可以！

---

不确定这是否是您想要的，但如果您的意思是它从左侧滑入，您可以使用CSS在悬停时实现这一点，如下所示

持有者{ 宽度：200px； 身高：100%； 背景颜色：黄色； 位置：相对位置； 左：-170px； -webkit转换：左1秒； 过渡：左1秒； 光标：指针； } 持有者：悬停{ 左：0； -webkit转换：左1秒； 转换：左1秒 } .选择{ 字号：175%； 背景色：清晰； 宽度：15%； 填充物：5px； } .catselect{ 文本装饰：无 } 类别{ 字号：800； 前：.25%； 左：2%； } 我的校长1{ 最高：7%； 左：3%； } 我的校长2{ 最高：11.5%； 左：3%； } 我的校长3{ 最高：16%； 左：3%； } 类别

---

*我希望所有这些链接在悬停时从左侧到右侧*进行相同的div滑动。点击，页面加载？您还设置了宽度：100%到holder div，这将使其屏幕宽度达到100%，它将如何滑动？添加此背景色：黄色；对你的持有者来说，css和Seoops应该是50%。单击“对不起，没有说得更具体”对不起，我应该说得更具体一些，我希望这样，当单击链接时，另一个div会滑动到链接的右侧。它应该从视图的左侧或右侧滑动？此外，每个链接都会制作一个独特的div幻灯片，或者所有链接都会制作相同的div幻灯片，但内容不同？应该从左侧滑入。我希望所有的链接都能使同一个Div滑入，但内容不同。好吧，我遵循了JSFiddle中的内容，但由于某种原因，转换不起作用。