一个JavaScript求爱特效

JavaScript中有一个求爱的小特效，效果如下：不仅可以出现下图的效果，还可以用鼠标旋转这个图。这只是一个简单朴实的小例子，基于这个例子可以让求爱变得更有趣。娘娘腔们，你能给你的小女儿发这样的网页吗？太棒了。

粘贴代码：复制代码如下：DOCTYPE html html head meta charset=' UTF-8 ' title在此插入标题/title style type=' text/CSS ' body { border :1 px红色实心；宽度width:1000px高度height:1000px边距：0px自动；padding:0px颜色：绿色；}/*将对象拖出文档流，使用左、右、上、下等属性。相对于具有最多定位设置的最近父对象执行绝对定位。如果没有这样的父对象，则取决于主体对象。并且其级联由z-index属性*/div { position : absolute；}/style script type=' text/javascript '/why使用onload，因为我在JavaScript代码中初始化时钟的div时，调试页面发现没有实现。//后来我找到原因，把html代码从前到后解析。解析JavaScript代码时，向//主体添加子节点时，找不到未解析的主体。所以是时候先分析身体的。有两种方法，一种是写//，另一种是在body标签中添加onload方法。window . onload=function(){ init()；};//定义一个div数组来存储12个div。//由于12个div的位置之间的关系，先确定点和半径，从而计算出div的位置var div=[]；爱宝贝=['我'，'爱'，'你'，'，《宝》，《被》，《你》，《爱》，《我》，《墨》，《面》，《面》]var=300；var CY=300//-var R=150；var divCenterNode//控制中心点的位置，设置全局变量。//定义一个初始化的函数函数init(){ //在中心点创建一个div(可以写求偶对象)。div center node=document . create element(' div ')；“婷婷，嫁给我吧！”；document . body . appendchild(DivCenterNode)；div center node . style . left=(CX-50)“px”；div center node . style . top=(CY-30)“px”；//创建12个div组成一个禁止时钟，放入体内进行(var x=1；x=12x){//create div var div node=document . create element(' div ')；div node . innerhtml=love baby[x-1]；//body对象不需要像其他对象一样获取，已经封装在js库中。document . body . appendchild(div node)；div s . push(DivNode)；}//每次启动startClock()时，都会重新定位div元素。/*事实上，为了达到旋转的效果，需要不断地进行偏移或重新定位，但是不可能控制函数在一个循环中启动的频率，所以window对象在此时提供了一种方法。*/StartClock()；}//div var offset的偏移量=0；//度偏移//定义函数函数起始时钟(){ for(var x=1；x=12x){ var div=div[x-1]；//每个数字var dushu的度数=30*x偏移量；//角度值*数学。PI /180=弧度值vardiv left=cxr * math . sin(dushu * math . PI/180)；div . style . left=DivLeft ' px '；var div top=CY-R * Math . cos(dushu * Math。PI/180)；div . style . top=DivTop ' px '；}偏移量=50；//每隔一段时间回调这个函数。//计算指定毫秒值之后的表达式。第一个参数是表达式，第二个参数是time setTimeout(startClock，80)。//window对象的方法}//定义这个时钟用鼠标函数clock move (event)移动到不同的位置{ CX=event . client x；//鼠标位置的x坐标CY=event.clientY//鼠标位置的y坐标div center node . style . left=(CX-50)“px”；div center node . style . top=(CY-30)“px”；}/script/head body on mousemove=' clock move(事件)'！-1.用圆圈显示12个数字。1\创建12个div，分别赋值1-12 ^ 2 \并将12个div放置在一个圆中。- /body /html最初是为了成为一个可以旋转和运行的时钟显示器。所以代码中的命名与时钟有关，所以不用担心，亲爱的。初学者学习javascript，感觉javascript很强大。