width那里要写成400px,你没有加单位啊,亲
把回调函数写在遍历循环外面就好了
匀速运动。因为animate又四个参数,老师视频中只用到了三个,还有一个是easing,这个参数是可选。规定在不同的动画点中设置动画速度的 easing 函数。加上这个参数,就可变换运动过程中的速度哦。
jQuery是一种将JavaScript封装好的框架,常用的函数(像之前写的startMove函数)都封装在里面,但是用之前要有框架源文件引入,就和独立的JavaScript文件引用一样,前提是有jQuery源文件的路径,路径有3种选择:
1、下载源文件放本地,从本地路径引用;
2、从网上引用,google CDN,代码为:<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
3、从网上引用,microsoft CDN,代码为:<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js"></script>
你的错误是不是你本地没有源文件,所以无法识别。
setinterval()中的时间是每次重复运行的时间间隔,而animate是指定动画运行多长时间,animate中运行快是老师设置的原因
应该是她自己写的吧,这门课程没有源码,真心不爽。但自己做布局也算练手了,但jquery这块内容就没办法了,看不见源码,等后面学了jquery在考虑重新自己弄吧
这是jQuery封装的一个方法,$(function(){})你可以简单的理解为JS中的window.onload,效果是差不多的,但功能会更强大
function startMove(obj,json,fn){ clearInterval(obj.timer); obj.timer = setInterval(function(){ var flag = true;//假设所有的运动都到达目标值 for (var attr in json){ //1.取当前的值
var flag = true; 这句放在setInterval里面,评论里面都在说这个
this就是指你当前选择到的东西,可以看你前一行选择到了什么,这个this就是什么了,所以第二个第三个this都是指i
<script type="text/javascript">
$(function(){
$('#move a').mouseenter(function(){
$(this).find('i').animate({top:"-25px",opacity:"0"},300,function(){
$(this).css({top:"30px"});
$(this).animate({top:"20px",opacity:"1"},200)
})
})
})
</script>
链接已失效。。。能再次分享一下嘛?非常感谢
jq是建立在js基础之上,还是学好基础在用jq,jq只是封装了很多功能方便使用而已,鼓励你搞搞原生的,之后你就无敌了
www.iconfont.cn进入这个网站,自己找找看就能找到,很多图标都有