数码资讯
利用javascript实现旋转色环特效
用javascript编写的旋转彩色圆圈 设计素描 对于(var i = 0;i < 100000;i + +) { 如果(我% 4 = = 0) setTimeout($(' # DIV1)。CSS({ 'border-left:'40px固体红','border-bottom:'40px固体绿'
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
用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;
以上是本文的全部内容,希望大家能喜欢。
设计素描
对于(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;
以上是本文的全部内容,希望大家能喜欢。
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。