发表于: 2016-03-08 18:12:22
1 1691
今天完成事情:
今天完成了前面说的单页面里面几个页面的转动,包括菜单栏的点击打开和再点击关闭,各页面之间跳转,还带返回。吧分身份修改了下,让流程更清楚。
明天计划事情:
查看身份后还有几个页面,明天打算做掉吧希望时间够。
遇到的问题:
页面旋转哪里一开始是用JQ直接修改CSS属性,让它直接就出现了,但是就没出现那种滚动的效果,后面又在W3C和慕课上看了看,找了个JQ的animate命令做动画滚动效果,但是一开始怎么弄都没弄好,半天卡着不动,后面看了看师兄的代码发现要在前面也加上CSS样式才可以。代码如下:
$(".rightbtn").click(function(){
$(".zhuaguigame").css("left","0").animate({
left:"-=100%"
});
$(".werewolf").css("left","100%").animate({
left:"-=100%"
});
});
整个这个杀手游戏的代码我估计完成量应该在百分之60到70之间吧。链接如下:
http://119.10.57.69/ptt03/JS/task2-4/index.html
收获:
JQ的animate的用法,实现滚动动画效果,还有菜单点击打开再点击关闭,这个是弄了2张一样的图,然后分别设置1,2.然后点击后1隐藏2出现,样子没变但是东西变了,来实现了点击打开和点击关闭效果,感觉有点黑科技吧。
评论