2顶

网页手写板特效

稿源：互联网 2022-05-23 16:39:49 点击： 2319 撤稿纠错

网页手写板特效，按住鼠标左键不放，在页面中拖动即可写字了。

以下讨论的是和特效相关的网页手写板特效教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>网页手写板</title> <style type="text/css"> * { -moz-user-select:none; border:0px; } #tips { width:850px; padding-top:8px; padding-bottom:8px; background:#999999; color:#FFFFFF; text-align:center; margin:auto; font-size:14px; } </style> <script type="text/javascript"> var Is_Mouse_Down = false var Is_First=1 function Create(evt){ evt=evt?evt:window.event if(Is_Mouse_Down){ if(evt.ctrlKey){ Clean(evt) } else { Write(evt) } } } function Write(evt){ evt=evt?evt:window.event var Obj_Nian=document.createElement("DIV") Obj_Nian.style.position="absolute" Obj_Nian.style.left=evt.clientX-10+"px" Obj_Nian.style.top=evt.clientY-10+"px" switch(Is_First){ case 1:Obj_Nian.innerHTML="刘";break; case 2:Obj_Nian.innerHTML="念";break; case 3:Obj_Nian.innerHTML="我";break; case 4:Obj_Nian.innerHTML="喜";break; case 5:Obj_Nian.innerHTML="欢";break; case 6:Obj_Nian.innerHTML="你";break; default:Obj_Nian.innerHTML="Error";break; } Is_First+=1 if(Is_First==7){ Is_First=1 } Color_Nian="RGB("+Math.floor(Math.random()*100)+"%,"+Math.floor(Math.random()*100)+"%,"+Math.floor(Math.random()*100)+"%)" Obj_Nian.style.color=Color_Nian document.body.appendChild(Obj_Nian) } function Clean(evt){ evt=evt?evt:window.event evt.srcObj=evt.srcElement?evt.srcElement:evt.target if(evt.srcObj.tagName=="DIV" && (evt.srcObj.innerHTML=="刘" || evt.srcObj.innerHTML=="念" || evt.srcObj.innerHTML=="我" || evt.srcObj.innerHTML=="喜" || evt.srcObj.innerHTML=="欢" || evt.srcObj.innerHTML=="你")){ evt.srcObj.innerHTML="" } } document.onmousedown=function(){Is_Mouse_Down=true} document.onmousemove=Create document.onmouseup=function(){Is_Mouse_Down=false} </script> </head> <body onselectstart="javascript:return false"> <div id="tips">提示：按住鼠标左键不放，在页面中拖动即可写字 ; 同时按住ctrl和鼠标左键不放，在页面中拖动即可把字擦去</div> </body> </html> <a href="http://js.alixixi.com/">欢迎访问阿里西西网页特效代码站，js.alixixi.com</a>

关于网页手写板特效的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/200809252895.shtml方便下次再访问哦。

·上一篇： 点击网址浮出层特效
·下一篇： js随机显示文本特效

文章分类LIST >>返回首页

排行总榜

避免你的邮箱地址被自动收集的代码
有趣的按钮
控制用按钮打开新窗口的属性
单击按钮或图片打开IE首页
点击按钮打印该页
仿软件浮动按钮
在规定时间内方有效的按钮
一个按钮完成对文本框内容的复制
按钮选中文本框内所有内容
Windows式样的按钮

网页手写板特效

文章分类LIST >>返回首页

最新游戏

最新新闻