使用JavaScript写的一个旋转的彩圈详解编程语言
JavaScript编程语言 使用 详解 一个 旋转
2023-06-13 09:20:25 时间
if(i%4==0)
setTimeout("$(#div1).css({border-left:40px solid red,border-bottom:40px solid green,border-right:40px solid yellow,border-top:40px solid blue})",2000*i);
if(i%4==1)
setTimeout("$(#div1).css({border-left:40px solid blue,border-bottom:40px solid red,border-right:40px solid green,border-top:40px solid yellow})",2000*i);
if(i%4==2)
setTimeout("$(#div1).css({border-left:40px solid yellow,border-bottom:40px solid blue,border-right:40px solid red,border-top:40px solid green})",2000*i);
if(i%4==3)
setTimeout("$(#div1).css({border-left:40px solid green,border-bottom:40px solid yellow,border-right:40px solid blue,border-top:40px solid red})",2000*i);
/script
style
#div2{
width: 100px;
height: 100px;
border-left: 40px solid red;
border-right: 40px solid yellow;
border-bottom: 40px solid green;
border-top:40px solid blue;
background-color:#FFFFFF;
border-radius:900px/900px;
display:none;
top:0px;
left:0px;
position:relative;
z-index:1;
#div1{
width: 100px;
height: 100px;
border-left: 40px solid red;
border-right: 40px solid yellow;
border-bottom: 40px solid green;
border-top:40px solid blue;
background-color:#FFFFFF;
border-radius:90px/90px;
/style
/head
body
p ÐýתµÄȦ /p
div id="div1" /div
/body
/html
js.png
原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/8772.html
c相关文章
- JavaScript刷LeetCode拿offer-双指针技巧(上)_2023-03-15
- Prism:轻量级的 Javascript 代码高亮库
- 轻松学习 JavaScript——第 8 部分:JavaScript 中的类详解编程语言
- javascript 获取日期和星期详解编程语言
- JavaScript倒计时详解编程语言
- JavaScript创建和使用命名空间详解编程语言
- 使用JavaScript的数组实现数据结构中的队列与堆栈详解编程语言
- JavaScript学习总结(二十)——Javascript非构造函数的继承详解编程语言
- 使用js加载器动态加载外部Javascript文件详解编程语言
- JavaScript学习总结(十七)——Javascript原型链的原理详解编程语言
- JavaScript学习总结(五)——Javascript中==和===的区别详解编程语言
- Nlp_compromise v10.0.0 发布, 在JavaScript中使用自然语言详解编程语言
- javascript实现屏蔽鼠标右键功能详解编程语言
- javascript定时器的工作原理详解编程语言
- javascript中如何使用bind()方法详解编程语言
- JavaScript中的Window.Location对象的使用详解编程语言
- 如何使用JavaScript来验证表单中的内容是否为详解编程语言
- javascript内置对象详解编程语言
- JavaScript语言基础-变量声明var和let和const(ES6特性)详解编程语言
- javascript tweenmax并行 和串行详解编程语言
- javascript计算两点之间的夹角算法详解编程语言
- javascript判断碰撞检测详解编程语言
- javascript函数默认参数的写法详解编程语言
- 斯坦福大学 CS 106 课程变更:用 JavaScript 取代年迈的 Java 编程语言
- AppBaseJs类库网上常用的javascript函数及其他js类库写的
- JavaScript内置对象属性及方法集合
- javascript获得服务器端控件的ID的实现代码
- Javascript跨域请求的4种解决方式