利用javascript实现旋转色环特效
设计素描
对于(var i = 0;i < 100000;i + +)
{
如果(我% 4 = = 0)
setTimeout($(' # DIV1)。CSS({ 'border-left:'40px固体红','border-bottom:'40px固体绿','border-right:T / R,T T)。
如果(i = 4 = 1)
setTimeout($(' # DIV1)。CSS({ 'border-left:'40px固蓝,'border-bottom:'40px固体红','border-right:T / R,T T)。
如果(i = 4 = 2)
setTimeout($(' # DIV1)。CSS({ 'border-left:'40px固体黄','border-bottom:'40px固蓝,'border-right:T / R,T T)。
如果(i = 4 = 3)
setTimeout($(' # DIV1)。CSS({ 'border-left:'40px固体绿','border-bottom:'40px固体黄','border-right:T / R,T T)。
}
# DIV2 {
100px宽度;
身高:100px;
左边界:40px固体红;
边境:40px固体黄;
底部边框:40px固体绿;
边境上:40px固蓝;
背景颜色:# ffffff;
边界半径:900px / 900px;
显示:无;
上图:0px;
左:0px;
职位:相对;
Z指数:1;
}
# DIV1 {
宽度:100px;
身高:100px;
左边界:40px固体红;
边境:40px固体黄;
底部边框:40px固体绿;
边境上:40px固蓝;
背景颜色:# ffffff;
边界半径:90px / 90px;
}
ETH;yacute;微;Auml;Egrave;| ORDF;
以上是本文的全部内容,希望大家能喜欢。