Question

我不能流利使用javascript而且我正在尝试编辑this example at w3schools以便在页面加载时在div幻灯片中向右平滑（从视图外）制作一个简单的标题。我只知道它与已经存在的代码有关，但我有两个问题。

当我转动它时，它们会移动到文本标题并将“div”选择器更改为“.headline”（或者我已经命名的任何内容），单击该按钮将不会移动它。 / p>
如果我明白这一点，我仍然不知道如何在没有按钮的情况下使其工作。

Answer 1

现在用代码处理程序调用代码，只需删除它的包装并在页面加载时执行它：

$(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/

Answer 2

如果你想在身体加载时做这个就试试这些 100％工作
html内容和编码如下：

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>

var function1 = function(){ 
$(document).ready(function(){
    $("div").animate({

      left:'250px',
      opacity:'0.5',
      height:'150px',
      width:'150px'
    });
});

};
</script> 
</head>

<body onload="function1();">

<p> in the body tag  i have added onload event which tells that when body is fully loaded then do this function which has a name of function1 or you can name something else but remember <b>in script tag the name after var should be same as the name in onload event   </b></p>
<div style="background:#98bf21;height:100px;width:100px;position:absolute;">
</div>

</body>
</html>

如何在页面加载时将文本滑动到右侧？

2 个答案: