发表于: 2016-03-08 18:12:22

1 1689


今天完成事情:

今天完成了前面说的单页面里面几个页面的转动,包括菜单栏的点击打开和再点击关闭,各页面之间跳转,还带返回。吧分身份修改了下,让流程更清楚。

明天计划事情:

查看身份后还有几个页面,明天打算做掉吧希望时间够。

遇到的问题:

页面旋转哪里一开始是用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出现,样子没变但是东西变了,来实现了点击打开和点击关闭效果,感觉有点黑科技吧。


返回列表 返回列表
评论

    分享到