javascript - 如何使文本在页面加载时向右滑动?

标签 javascript jquery animation text sliding

我的 javascript 不流利,我正在尝试编辑 this example at w3schools在页面加载时使 div 中的简单标题平滑地(从 View 之外)滑动到右侧。我只知道它与此处已有的代码有关,但我遇到了两个问题。

  1. 当我转动框时,它们将移动到文本标题并将“div”选择器更改为“.headline”(或我命名的任何名称),单击按钮不会移动它。

  2. 即使我弄明白了,我仍然不知道如何在没有按钮的情况下让它工作。

最佳答案

现在代码是通过点击处理程序调用的,只需删除它的包装器并在页面加载时执行它:

$(document).ready(function() {
    $(".header").animate({ //be sure to change the class of your element to "header"
        left:'250px',
        opacity:'0.5',
        height:'150px',
        width:'150px'
    });
});

演示:http://jsfiddle.net/tymeJV/ZWtQw/1/

关于javascript - 如何使文本在页面加载时向右滑动?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18964545/

相关文章:

javascript - 按下按钮触发视频叠加 gif?

jquery - 当 div 距离页面顶部一定距离时开始动画

android - 如何将耀斑动画从几秒减到几小时

javascript - 如何在不失去可扩展性的情况下为网页(HTML/JS)制作动画?

javascript - Javascript/jQuery 中的范围?

javascript - 调整代码以在 Sharepoint 中扩展 Web 部件

javascript - swal没有出现,但是数据传递了

php - Laravel 5.1 AJAX - 即使我发送 POST 请求也不允许返回 405 GET 方法

javascript - 在托管应用程序中打开时, react js 应用程序的 css 样式被覆盖

html - 使用 CSS3 将元素负值 "left"位置精确设置为宽度