其他分享
首页 > 其他分享> > 鼠标跟随壁纸

鼠标跟随壁纸

作者:互联网

首先,我们首先来说说鼠标属于点击事件 将事件进行传给数据壁纸,然后将显示呈现出光点出来,将显示样式写出该有什么样子,将数据进行放总计进来,将数据类型对比,将数据类型对比。现在来看看图片样式图片

从图片进行对比化: 比如我把鼠标放在图片另一个地方,都会发光进行,因为是图片所以没有显示这么明显出来,我在将一部分内显示出来样式,进行讲述一下,将对比其实也神奇的一点就是将数据表达出来,从图片来看是尤三角形对比。就像星星一样进行发光起来。

     现在我将鼠标放在另一个角落 ,现在来看看角落样子到底是什么样子吗?

相同点就是发光点都是白色点,将数据覆盖进行来,就可以将数据进行呈现出来,将数据对比 带有不同点。

二、经典代码

对于代码表述出来进行从样式给于值进行对比  数据进行覆盖起来代码一层一层表达出来,才把数据进行对比。

现在来看一下样式数据:

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