鼠标跟随壁纸
作者:互联网
首先,我们首先来说说鼠标属于点击事件 将事件进行传给数据壁纸,然后将显示呈现出光点出来,将显示样式写出该有什么样子,将数据进行放总计进来,将数据类型对比,将数据类型对比。现在来看看图片样式图片
从图片进行对比化: 比如我把鼠标放在图片另一个地方,都会发光进行,因为是图片所以没有显示这么明显出来,我在将一部分内显示出来样式,进行讲述一下,将对比其实也神奇的一点就是将数据表达出来,从图片来看是尤三角形对比。就像星星一样进行发光起来。
现在我将鼠标放在另一个角落 ,现在来看看角落样子到底是什么样子吗?
相同点就是发光点都是白色点,将数据覆盖进行来,就可以将数据进行呈现出来,将数据对比 带有不同点。
二、经典代码
对于代码表述出来进行从样式给于值进行对比 数据进行覆盖起来代码一层一层表达出来,才把数据进行对比。
现在来看一下样式数据:
body{
overflow: hidden;
background-color: #000;
}
ul{list-style-type: none;}
.wrap{
perspective: 800px;
width: 1120px;
height: 630px;
margin:50px auto;
}
.con{
position:relative;
width: 100%;
height: 100%;
}
.con > li{
transform-style: preserve-3d;
}
.wrap > button{
position: absolute;
z-index:1;
width: 30px;
height: 50px;
top:50%;
background-color: rgba(250,250,250,.5);
border:none;
font-size: 25px;
color:#000;
cursor: pointer;
transform: translateY(-50%);
outline:none;
}
.left{
left:0;
}
.right{
right:0;
从上述所写就是样式代码,可以调整数据类型,也是样式进行对比,做基本覆盖操作样式。
现在来看看js代码一下到底有特殊点:
进行将数值进行渲染以及将数据个个将生效出。
上述讲解出样式对比。将数据类型对比将数据融合进去里面。
从上述表达出来类型过来,将数据进行一个一个获取 就像语言进行表达出 ,才将数据类型 也一种if语句重点关系 大多数都是用if语句和for语句对比,将数据进行获取出来。将数据获取类型出来。
标签:鼠标,样式,数据类型,跟随,壁纸,数据,对比,进行 来源: https://blog.csdn.net/weixin_57726829/article/details/121809222