Question

我是编码的新手，希望有人可以用我无望的代码技能帮助我。我正在尝试创建一个div，按下按钮可以在屏幕上和屏幕上显示动画。这是我到目前为止所做的......这可能是愚蠢的错误，但我想这就是这个网站的用途..在这里你去了

<!DOCTYPE html>
<html>
<head>

</head>
<body>
    <div id="test">Example Text</div>
 <script>
function myFunction()
{
    var position = test.position();
    if("#test".position<0)
    {  
    alert("hello");
    $("#test").animate({
    "left": 0
    },1000);
}else{
    $("#test").animate({
    "left": -15
    },1000);
});
}
</script>   



</body>
</html>

单击图像时会调用此函数。我的想法是基本上告诉div在屏幕上设置动画，如果它的位置值小于0，我认为它告诉它它不在屏幕上。如果它没有检测到它的值是在屏幕外，则意味着此刻div在屏幕上，所以它应该动画离开。我非常感谢任何人都可以提供的任何帮助。非常感谢提前！

Answer 1

你走了。

 <!DOCTYPE html>
 <html>
 <head>

 </head>
 <body>
<div id="test">TESTTEST</div>
<input type="button" name="myButton" value="Click Me" onclick="myFunction()" />   
 <script>     
 function myFunction()
{
var divPosition = $("#test").offset();
if(divPosition.left < 0 )
{ 
$("#test").animate({
"left": 0
},1000);
 }else{
$("#test").animate({
"left": -150
},1000);
};
}
 </script>
 </body>
 </html>

和CSS：

 #test{
     background-color:white;
     border:3px solid black;
     font-size:30px;
     position:absolute;
     left:-20%;
     top:10%;
 }

工作小提琴：http://jsfiddle.net/KeE4h/48/

按下按钮时，可以为div启用和关闭屏幕设置动画

1 个答案: