如何实现HTML文本元素的滑动过渡效果?

时间:2013-03-21 16:22:36

标签: jquery css3

我希望创建一个HTML页面,其中<p>标签可以根据鼠标点击进行交互。我希望将水平滑动过渡与轻松/缓出相结合,例如deck.jstimeline.js中的某些<p>标记。

除了挖掘deck.js和timeline.js代码(到目前为止一直没有结果),有人可以推荐一个教程或示例来实现文本效果吗?我的google-fu只是向我指出了图片幻灯片的非常具体的例子。

2 个答案:

答案 0 :(得分:0)

把它放在div中然后:

$(document).ready(function(){
  $("div").click(function(){
    $("div").animate({
      right:'250px',
    });
  });
});

或以任何方式移动它 你可以在w3schools查找所有效果

http://w3schools.com/jquery/jquery_animate.asp

答案 1 :(得分:0)

我认为这个问题可以帮助你Sliding divs horizontally with JQuery 。请记住,<p>代码可以移动为div,因此我认为您不会遇到问题。如果我错了,请告诉我。