1

我不精通 javascript，我正在尝试在 w3schools 编辑此示例，以便在页面加载时将 div 中的简单标题平滑地向右滑动（从视野之外）。我只知道它与已经存在的代码有关，但我有两个问题。

  1. 当我打开框时，它们将移动到文本标题并将“div”选择器更改为“.headline”（或我命名的任何内容），单击按钮不会移动它。

  2. 如果我弄清楚了，我仍然不知道如何在没有按钮的情况下使其工作。

4

2 回答 2

3

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

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

于 2013-09-23T16:50:17.303 回答
1

如果你想在正文加载时做到这一点，只需尝试这些 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>
于 2013-12-25T13:30:32.363 回答