navicat怎么添加check约束
252
2022-09-03
七夕到了——属于程序员的浪漫
七夕到了——属于程序员的浪漫
七夕节，又称七巧节、七姐节、女儿节、乞巧节、七娘会、七夕祭、牛公牛婆日、巧夕等，是中国民间的传统节日。七夕节由星宿崇拜衍化而来，为传统意义上的七姐诞，因拜祭“七姐”活动在七月七晩上举行，故名“七夕”。拜七姐，祈福许愿、乞求巧艺、坐看牵牛织女星、祈祷姻缘、储七夕水等，是七夕的传统习俗。经历史发展，七夕被赋予了“牛郎织女”的美丽爱情传说，使其成为了象征爱情的节日，从而被认为是中国最具浪漫色彩的传统节日，在当代更是产生了“中国情人节”的文化含义。
创意代码表白
以程序员的方式撒狗粮，专业浪漫，值得拥有！
目录
1、效果演示
2、制作步骤/过程
1、效果演示
2、制作步骤/过程
将代码里面的图片替换成你自己照片即可。
; var oImg = oWrap.getElementsByTagName('img'); var oImgLength = oImg.length; var Deg = 360 / oImgLength; var nowX , nowY , lastX , lastY , minusX = 0, minusY = 0; var roY = 0 , roX = -10; var timer; for ( var i=0;i<oImgLength;i++ ) { oImg[i].style.transform = 'rotateY('+ i*Deg +'deg) translateZ(350px)'; oImg[i].style.transition = 'transform 1s '+ (oImgLength-1-i)*0.1 +'s'; } mTop(); window.onresize = mTop; function mTop(){ var wH = document.documentElement.clientHeight; oWrap.style.marginTop = wH / 2 - 180 + 'px'; } // 拖拽：三个事件-按下 移动 抬起 //按下 document.onmousedown = function(ev){ ev = ev || window.event; //鼠标按下的时候，给前一点坐标赋值，为了避免第一次相减的时候出错 lastX = ev.clientX; lastY = ev.clientY; //移动 this.onmousemove = function(ev){ ev = ev || window.event; clearInterval( timer ); nowX = ev.clientX; // clientX 鼠标距离页面左边的距离 nowY = ev.clientY; // clientY ………………………………顶部……………… //当前坐标和前一点坐标差值 minusX = nowX - lastX; minusY = nowY - lastY; //更新wrap的旋转角度，拖拽越快-> minus变化大 -> roY变化大 -> 旋转快 roY += minusX*0.2; // roY = roY + minusX*0.2; roX -= minusY*0.1; oWrap.style.transform = 'rotateX('+ roX +'deg) rotateY('+ roY +'deg)'; /* //生成div，让div跟着鼠标动 var oDiv = document.createElement('div'); oDiv.style.cssText = 'width:5px;height:5px;background:red;position:fixed;left:'+nowX+'px;top:'+nowY+'px'; this.body.appendChild(oDiv); */ //前一点的坐标 lastX = nowX; lastY = nowY; } //抬起 this.onmouseup = function(){ this.onmousemove = null; timer = setInterval(function(){ minusX *= 0.95; minusY *= 0.95; roY += minusX*0.2; // roY = roY + minusX*0.2; roX -= minusY*0.1; oWrap.style.transform = 'rotateX('+ roX +'deg) rotateY('+ roY +'deg)'; if ( Math.abs(minusX)<0.1 && Math.abs( minusY )<0.1 ) { clearInterval( timer ); } console.log( minusX ); },13); } return false; } } </script></body></html></p><p>
<strong>版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。</strong>
</p>
</div>
<div class=)
标签：属性
相关文章
发表评论
暂时没有评论，来抢沙发吧~