Skip to content

Latest commit

 

History

History
12 lines (7 loc) · 1.15 KB

chapter48.md

File metadata and controls

12 lines (7 loc) · 1.15 KB

第四十八章 嗯哼,那只按钮会跳舞(二)

下面我们要做一个高难度动作,七百二十度转体,然后跳水……额,其实这个一点难度都没有,跟前面差不多,就是换换属性,我不玩了,你们感兴趣你们来,我去玩个更难的。按钮慢慢扩展到整个页面,然后慢慢淡出,然后剩下一个原来摸样的正方形按钮。你们看我做~

然后你一窜一蹦的跟我说,哎呀,这个多简单,变大跟变小一样一样的,就是改改数值而已,你看着:

$(this).animate({borderRadius:'1000px',width:'2000px',paddingTop:"980px",paddingBottom:"980px",marginTop:"-850px"},5000);	

来,少年,咱们谈谈人生啊,你那个高清显示器送我好不好?什么,不是高清的?不是高清的你没看出来按钮文字都往右边跑了么,你说为啥啊,左边顶的呗。

所以在这里我们要先做一些准备工作哦,比如我们重设一下 #button 的定位方式啦~选什么样的定位呢?其实也很好理解的啦,只要让 #button 变的比页面本身还大时,中心位置不变,且没有滚动条出现就好了。