这是javascript求爱的一个小的特殊效果,效果如下:

它不仅可以显示以下图片的效果,还可以使图形跟随鼠标旋转。这只是一个简单的小例子,没有修改。基于这个例子,我们可以让爱更有趣。闷骚男人是不是能给你一点洛丽塔这样的ah.awesome。
坚持代码:
复制代码代码如下所示:




在这里插入标题

体{
一个红色的实线边框;
宽度:1000px;
身高:1000px;
保证金:为0px auto;
填料:0px;
颜色:绿色;
}
*
从文档流中拖动对象,并使用左、右、顶、底和其他属性
最位于父对象之一的最近位置是绝对定位的。如果没有父对象,则
根据体对象。及其协议栈是由z-index属性定义
* /
div {
位置:绝对;
}


/为什么使用onload事件,因为我初始化在时钟的div中的Javascript代码,调试页面没有找到
后来发现原因,HTML代码被用于将来的分析。
当添加子节点时,找不到仍然未解决的主体。因此我们应该首先分析正文。有两种方法,一种是下一种方法。
/ /写作,另一个也可以添加在body标签的onload方法。
窗口。指针函数(){
init();
};
定义一个div数组来存储12个div
因为有12个div位置,所以首先确定什么是点和半径,以便计算div的位置。
var div = { };
无功lovebaby = {我
var = 300;
VaR CY = 300; / / ----------------------坐标在网页任何单位
var r=150;
无功divcenternode; / /中心控制,设置全局变量
初始化函数定义
函数init(){
创建一个div的中心点(您可以在爱对象上写)。
divcenternode = document.createelement(div);
DivCenterNode。innerHTML =婷婷,嫁给我!;
document.body.appendchild(divcenternode);
DivCenterNode。风格。左=(cx-50)+PX;
DivCenterNode。风格。=(cy-30)+PX;
创建一个包含禁止生物钟的12 div
对于(var x = 1;x < = 12;x + +){
创建div
无功divnode = document.createelement(div);
DivNode。innerHTML = lovebaby { X-1 };
不需要像任何其他对象那样获取主体对象,并且已封装了js库。
document.body.appendchild(divnode);
Divs.push(divnode);
}
每一次你开始startclock / /()在DIV元素的重新定位
*
事实上,为了达到旋转的效果,它需要不断地偏移,或者
重新定位,但循环,不能控制间隔多久开始功能,
此时,窗口对象提供了一种方法。
* /
StartClock();

}
的偏移量
var偏移量= 0;偏移量
位置和旋转定义一个单独的函数
功能startclock(){
对于(var x = 1;x < = 12;x + +){
var div = div { X-1 };
每一个数量级
无功读书= 30 * X +偏移;
/ 180 = math.pi * / /角弧度
无功divleft = cx + R * Math.sin(独墅*数学。π/ 180);
div.style。左= divleft +PX;
无功divtop = cy-r * math.cos(独墅*数学。π/ 180);
div.style。最高divtop +PX;
}
偏移量=50;
有一定的时间间隔,回调函数
在计算表达式后指定的毫秒数之后,第一个参数是表达式,第二个参数是时间。
setTimeout(startclock,80); / /窗口对象的方法
}
这个时钟的定义与鼠标指向不同的位置
功能clockmove(事件){
CX = event.clientx;鼠标的位置 / / X坐标
CY = event.clienty; / / Y鼠标所在位置的坐标
DivCenterNode。风格。左=(cx-50)+PX;
DivCenterNode。风格。=(cy-30)+PX;

}



<!——
首先,12个数字显示在一个圆内。
1创建12 div,分配1 - 12
2 有12个div定位,由一个圆包围。
-->



它的目的是使一个旋转,时钟,将运行。所以名称的代码和时钟,它不纠缠,亲。首先学习Javascript,认为Javascript是非常强大的。