- 博客(5)
- 资源 (1)
- 收藏
- 关注
原创 红包
在网络中,常常有人发一些虚假的红包,有此只是玩笑,但有些却可以盗取你的个人信息,下面我做了一个虚假的红包 由上图可见,这有一个红包的样子,然后当你点击的时候,它会抖动,然后中间有抽奖会在运动,最后随机一个奖项 不管你信还是不信,可能都会点一下领取,然后将到了填写信息的地方 从上面可以看到,这里一共分为三步,红包,抽奖和领取 首先是红包和抽奖的界面 <div class="co...
2019-02-23 16:47:05 193
原创 Js改变时钟时间
在上篇文章讲了如何用css来实现时钟的效果,但是它一刷新便是重新开始,不是我们想要的时间,那么如何解决这个问题呢,下面我将用JavaScript来实现 首先来看下最终的效果 时钟的时间和系统的时间是一致的,那是如何实现的,请看下面代码 <script> window.onload = function(){ var mydate = new Date();//获取到系统时间 va...
2019-02-23 15:07:22 603
原创 纯css实现时钟功能
时间与我们的生活密不可分,下面我将用css来实现一个简单的时钟,并且实现其功能 时钟主要分为两个部分,一个是four的表盘部分,一个为five的指针部分,six为表中心的一个小黑点,接下来开始样式的编写 首先,four表盘的样式,完成效果如下,想要多一些针可以自行添加 具体代码如下: .four{ width: 200px; height: 200px; border-radius: 50%;...
2019-02-23 15:05:35 1773
原创 弹幕
在观看影片的时候,许多人都喜欢打开弹幕,评论往往才具有灵魂,接下来让我们一起制作一个简单弹幕功能 首先,html部分 在外层我用一个大盒子包含着,里面主要分为两个部分,一个是ul标签,这个是弹幕的放置地方,是动态添加的,所以我没有放置li标签,下面是一个form标签,里面分为input标签来让用户输入评论,后面放一个发送弹幕的按钮 接下来先调整css样式, #dang{ height:40px;...
2019-02-23 15:03:44 414
原创 如何做一个3D动画
本次做的是一个立方体,然后进行3d的旋转,这样给予用户立体的感觉 接下来开始html部分的构写,一个大的div,里面分为6个面,由于是做一个动画相册,我直接放了6张图片 Css样式:设置宽高,然后重点是外层的盒子要加上一个重要的属性: transform-style: preserve-3d; 这样接下来才有一个3d的效果,给6张图片一个定位:position: absolute;这样图片就全部...
2019-02-23 15:01:42 827
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人