[html] 写一个类似刮刮卡效果的交互，即鼠标划过时显示号码

<title>Document</title> <style> *{ margin:0; padding: 0; } .container{ position: relative; width: 600px; height: 400px; margin: 100px auto; border: 1px solid black; } .container div{ position: absolute; width: 600px; height: 400px; color: red; font-size: 30px; text-align: center; line-height: 400px; } canvas{ position: absolute; } </style>
电话号码:18470598968
<script> let canvas = document.querySelector('canvas'); let ctx = canvas.getContext('2d'); ctx.fillStyle = '#999'; ctx.fillRect(0,0,600,400); canvas.onmousedown = function(event){ ctx.clearRect(event.offsetX,event.offsetY,10,10); canvas.onmousemove = function(event){ ctx.clearRect(event.offsetX,event.offsetY,10,10); } } canvas.onmouseup = function(){ canvas.onmousemove = null; } </script>

个人简介

我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，
但坚持一定很酷。欢迎大家一起讨论

主目录

与歌谣一起通关前端面试题

[html] 写一个类似刮刮卡效果的交互，即鼠标划过时显示号码相关推荐

php实现跑马灯闪亮,JavaScript_基于jquery实现的文字向上跑动类似跑马灯的效果，想实现一个类似跑马灯的效果, - phpStudy...
基于jquery实现的文字向上跑动类似跑马灯的效果想实现一个类似跑马灯的效果,发现跑马灯有空格.效果也不美观,于是用jquery写了个页面代码恭喜187****5204获得1000RBM 恭喜1 ...
[css] 使用css的attr()写一个类似a标签title的提示框
[css] 使用css的attr()写一个类似a标签title的提示框 .box{position:relative;}.box:hover{content: attr(data-title); di ...
用android怎么做一个机器人,怎样写一个类似ROS的易用的android机器人框架（2）
怎样写一个类似ROS的易用的android机器人框架(2) 接下来,我们一步步来实现这个几个目标 ROS式节点通讯的Android实现相关代码实现位于 ai.easy.robot.framework ...
写一个类似淘宝的ios app需要用到哪些技术？
写一个类似淘宝的ios app需要用到哪些技术? 让我想起了有人私信我,说不缺钱,做个类似知乎的东西,包括加运营,需要多少钱. 扯淡结束,正好最近看了一点这方面的东西,也许对题主来说有点帮助. 手机淘 ...
如何在ubuntu上写一个类似sl跑火车指令，“跑甜甜圈”
如何在ubuntu上写一个类似sl跑火车指令,"跑甜甜圈" 首先创建.c文件 #include <stdio.h> #include <math.h> #i ...
[css] 使用css写一个红绿灯交替的动画效果
[css] 使用css写一个红绿灯交替的动画效果 <!DOCTYPE html> <html lang="en"><head> <meta ...
PPRevealSideViewController 一个类似Facebook iPhone客户端，可以左拉和右拉显示子视图
PPRevealSideViewController 一个类似Facebook iPhone客户端,可以左拉和右拉显示子视图,用于补充主视图. 感谢国外大神" ipodishima" ...
教你使用html三剑客写一个高级的伪3D效果
教大家写一个十分炫酷的伪3d的交互效果注:图片素材来自于网络若有侵权请联系删除! demo下载由于C站上传文件下载的话需要c币所以不推荐下载,看到最后会附上代码和素材土豪请看这里:demo下载 ...
php仿qq群聊,用Python写一个类似qq群聊的聊天室
用Python写一个聊天室功能 : 类似qq群聊 1. 进入聊天室需要输入姓名,姓名不能重复 2. 有人进入聊天室会向其他人发送通知 xxx 进入了聊天室 3. 一个人发消息,其他人会收到消息 xx ...

[html] 写一个类似刮刮卡效果的交互，即鼠标划过时显示号码

[html] 写一个类似刮刮卡效果的交互，即鼠标划过时显示号码

个人简介

主目录

[html] 写一个类似刮刮卡效果的交互，即鼠标划过时显示号码相关推荐

最新文章

热门文章