能在网页中写字和能擦写的js程序

更新时间：2008年04月08日 20:29:19 作者：

从经典论坛发现的一个可以在网页中写字和有擦除功能的javascript代码

<!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>javascript网页中写字</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>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

判断javascript的数据类型(示例代码)
这篇文章主要是对判断javascript的数据类型(示例代码)进行了详细的介绍，需要的朋友可以过来参考下，希望对大家有所帮助
2013-12-12
js实现简单的无缝轮播效果
这篇文章主要为大家详细介绍了js实现简单的无缝轮播效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2020-09-09
移动端点击态处理的三种实现方式
在移动端开发的时候，常常需要加点击态，就是当用户点击某个URL时，给相应的标签添加按下效果样式。这篇文章给大家分享了三种实现方法，包括伪类:active、webkit-tap-highlight-color和touch事件，下面来一起看看详细的介绍吧。
2017-01-01
小程序云开发之用户注册登录
这篇文章主要为大家详细介绍了小程序云开发之用户注册登录，带云数据库配置，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2019-05-05
微信小程序自定义select下拉选项框组件的实现代码
微信小程序中没有select下拉选项框，所以只有自定义。这篇文章主要介绍了微信小程序自定义select下拉选项框组件,需要的朋友可以参考下
2018-08-08
JsonProperty 的使用方法详解
这篇文章主要介绍了JsonProperty 的使用方法详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2019-10-10
解决前端使用xlsx.js工具读取excel遇到时间日期少43秒问题
这篇文章主要给大家介绍了关于如何解决前端使用xlsx.js工具读取excel遇到时间日期少43秒问题的相关资料,xlsx.js是一种前端库,它可以使您使用JavaScript读取、解析和导出电子表格文件,如Microsoft Excel,需要的朋友可以参考下
2024-03-03
js限制文本框只能输入整数或者带小数点的数字
如何用js限制文本框输入,只允许输入整数或带一位小数的浮点数,本文分享一例代码,有需要的朋友参考下
2015-04-04
JS自动倒计时30秒后按钮才可用(两种场景)
在WEB程序开发中经常会见到用倒计时限制用户对表单的操作，希望用户在规定的时间内阅读完协议信息才允许用户继续下一步操作，本文通过两种场景分析js实现自动倒计时30秒后按钮才可用，小伙伴快来学习吧
2015-08-08
bootstrap-closable-tab可实现关闭的tab标签页插件
这篇文章主要为大家详细介绍了bootstrap-closable-tab可实现关闭的tab标签页插件，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2020-08-08

能在网页中写字和能擦写的js程序

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具