使用Java脚本语言写的一个旋转的彩圈

效果图

！DOCTYPE html html head script src=' http :/jquery-1。11 .3 .量滴js '/脚本脚本为(var I=0；i100000 I){ if(I % 4==0)setTimeout($(' # div 1 ').css({ '左边框' :'40px纯红，'边框-底部' :'40px纯绿，'右边框' :'40px纯黄，'边框-顶部' :'40px纯蓝})’，2000 * I)；if(I % 4==1)setTimeout($(' # div 1 ').css({ '左边框' :'40px纯蓝，'边框-底部' :'40px纯红，'右边框' :'40px纯绿，'边框-顶部' :'40px纯黄})’，2000 * I)；if(I % 4==2)setTimeout($(' # div 1 ').css({ '左边框' :'40px纯黄，'边框-底部' :'40px纯蓝，'右边框' :'40px纯红，'边框-顶部' :'40px纯绿})’，2000 * I)；if(I % 4==3)setTimeout($(' # div 1 ').css({ '左边框' :'40px纯绿，'边框-底部' :'40px纯黄，'右边框' :'40px纯蓝，'边框-顶部' :'40px纯红})’，2000 * I)；}/脚本样式# div 2 {宽度： 100 px高度： 100像素；边框-左侧： 40px实心红色；右边框： 40px纯黄色；边框-bottom: 40px纯绿色；边框-顶部：40像素纯蓝；背景-color : # FFFFFF；边界半径：900像素/900像素；display : neoneop :0 pxleft :0 px位置：相对；z索引：1;} # div1 { width: 100px高度： 100像素；边框-左侧： 40px实心红色；右边框： 40px纯黄色；边框-bottom: 40px纯绿色；边框-顶部：40像素纯蓝；背景-color : # FFFFFF；边界半径：90 px/90px；}/style/head body p style=' color : # ff 0000 '/pdiv id=' div 1 '/div/body/html以上所述就是本文的全部内容了，希望大家能够喜欢。