Jquery 无法拉起div。为什么这不起作用？
我的代码如下：-Jquery 无法拉起div。为什么这不起作用？,jquery,css,animation,html,Jquery,Css,Animation,Html,我的代码如下：- <html> <head> <title>Pranav Sharma</title> <style> @import url(http://fonts.googleapis.com/css?family=Lato:300,400,700); body { background: #ecf0f1; font-family: 'Lato', Arial, sa
<html>
<head>
<title>Pranav Sharma</title>
<style>
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);
body {
background: #ecf0f1;
font-family: 'Lato', Arial, sans-serif;
/*-webkit-font-smoothing: antialiased;
text-shadow: 50px 50px 50px rgba(0,0,0,0.004);*/
}
.panel {
padding-top: 250px;
-webkit-text-stroke: 0.5px;
}
.name {
font-weight: 300;
font-size: 3.2em;
color: #2d383f;
padding: 50px;
}
.projects, .resume, .blog, .aboutme {
font-weight: 300;
font-size: 1.8em;
color: #2d383f;
padding: 20px;
}
a:link {color:#2d383f;}
a:visited {color:#2d383f;}
a:hover {color:#2d383f;}
</style>
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script type="text/javascript">
$('.panel').click(function(){$('#pullup').animate({marginTop: '-=15px'});});
</script>
</head>
<body>
<div class="panel" style="text-align: center;" id="pullup">
<span class="name"><a href="">Pranav Sharma</a></span>
<span class="aboutme"><a href="">About Me</a></span>
<span class="blog"><a href="">Blog</a></span>
<span class="projects"><a href="">Projects</a></span>
<span class="resume"><a href="">Resume</a></span>
</div>
</body>
</html>
普拉纳夫·夏尔马
@导入url(http://fonts.googleapis.com/css?family=Lato:300,400,700);
身体{
背景#ecf0f1；
字体系列：“Lato”，Arial，无衬线；
/*-webkit字体平滑：抗锯齿；
文本阴影：50px 50px 50px rgba（0,0,0,0.004）*/
}
.小组{
填充顶部：250px；
-webkit文本笔划：0.5px；
}
.姓名{
字体大小：300；
字体大小：3.2米；
颜色：#2d383f；
填充：50px；
}
.projects、.resume、.blog、.aboutme{
字体大小：300；
字号：1.8em；
颜色：#2d383f；
填充：20px；
}
答：链接{color:#2d383f；}
答：访问{color:#2d383f；}
a:悬停{color:#2d383f；}
$（'.panel'）。单击（function（）{$（'#pullup'）。设置动画（{marginTop:'-=15px'}）；}）；
尽管我已经编写了javascript并尝试过，但div不会向上移动。恐怕这和css有关。问题是什么？我将jquery文档用于jquery代码。您需要在调用中包装代码： 或者将其放在页面末尾的结束正文标记之前。您试图在尚不存在的元素上执行代码
您需要在调用中包装代码： 或者将其放在页面末尾的结束正文标记之前。您试图在尚不存在的元素上执行代码
您需要在调用中包装代码： 或者将其放在页面末尾的结束正文标记之前。您试图在尚不存在的元素上执行代码
您需要在调用中包装代码： 或者将其放在页面末尾的结束正文标记之前。您试图在尚不存在的元素上执行代码
我刚刚添加了css。问题实际上是如何使用繁重的css。我刚刚添加了css。问题实际上是如何使用繁重的css。我刚刚添加了css。问题实际上是如何使用繁重的css。我刚刚添加了css。问题实际上是如何使用繁重的css。
$( document ).ready(function() {
$('.panel').click(function () {
$('#pullup').animate({
marginTop: '-=15px'
});
});
});