用户的通知效果类似于猎豹浏览器的安装。
点击后的效果
复制代码代码如下所示：
折纸效果的GT - kolyi
{ #包装
WebKit的视角：55cm；
50%看产地：50% WebKit；
文本对齐：中心；
}
{。纸
职位：相对；
身高：40px；
宽度：5em；
保证金：0；
背景颜色：水；
WebKit的过渡：WebKit的1s线性变换；
}
window.angel = 0；
window.timer；
函数折叠（）{
VaR垮台= document.getelementbyid（垮台）；
无功folddown = document.getelementbyid（folddown ）；
VaR下= document.getelementbyid（）；
如果（window.angel = = 0）{
window.timer = setInterval（）{（）函数（
var =不同（- 1, 20）；
console.log（垮台。offsettop）
移动（垮台，diff，1）；
移动（folddown，diff，3）；
移动（向下，差，4）；
}，40）；
setTimeout（）{（）函数（
ClearInterval（窗口。定时器）；
foldup.style.top = 20px ；
folddown.style.top = 60px ；
down.style.top = 80px ；
window.angel = - 90；
}，1030）；
foldup.style.webkittransform =rotatex（- 90度）；
folddown.style.webkittransform =rotatex（90度）；
否则如果}（天使= 90）{
window.timer = setInterval（）{（）函数（
var =不同（1, 20）；
console.log（垮台。offsettop）
移动（垮台，diff，1）；
移动（folddown，diff，3）；
移动（向下，差，4）；
}，40）；
setTimeout（）{（）函数（
ClearInterval（窗口。定时器）；
foldup.style.top =0；
folddown.style.top =0；
down.style.top =0；
window.angel = 0；
}，1030）；
foldup.style.webkittransform =rotatex（0度）；
folddown.style.webkittransform =rotatex（0度）；
{人}
console.log（窗口。天使）
}
}
功能positionvalue（DIV型）{ / / CSS单位价值
var str = div.style {类型}；
STR = str.substring（0，str.length - 2）；
VaR值= parseInt（STR）；
如果（isnan（值））{
值= 0；
}
返回值；
}
函数移动（div，不同，时间）{
var = positionvalue（DIV，顶）；
div.style.top =顶+不同*时间+PX；
}
功能不同（方向，高度）{
无功lastangel = window.angel；
window.angel = 3.6 *方向；
var =数学
。细胞（（（Math.cos（window.angel / 180 *数学。PI）-数学
。因为（lastangel / 180 *数学。PI））
*高度* 100 100）；
返回不同的；
}
G
n
B
T
折叠
