能在网页中写字和能擦写的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中内置对象Math的介绍及用法案例
Math对象是一个内置对象,具有数学常数和函数的属性和方法,不是一个函数对象,下面这篇文章主要给大家介绍了关于javascript中内置对象Math的介绍及用法案例的相关资料,需要的朋友可以参考下
2022-03-03
在JS中a标签加入单击事件屏蔽href跳转页面
这篇文章主要介绍了JS中a标签加入单击事件屏蔽href跳转页面的相关资料,需要的朋友可以参考下
2016-12-12
JavaScript文档碎片操作实例分析
这篇文章主要介绍了JavaScript文档碎片操作技巧,结合实例形式分析了JavaScript中使用文档碎片优化dom操作的技巧,需要的朋友可以参考下
2015-12-12
bootstrap读书笔记之CSS组件（上）
这篇文章主要介绍了bootstrap读书笔记之CSS组件，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-10-10
JS替换字符串中指定位置的字符(多种方法)
这篇文章主要介绍了js替换字符串中指定位置的字符，本文通过两种方法实例代码相结合给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
2020-05-05
html 锁定页面(js遮罩层弹出div效果)
html 锁定页面(js遮罩层弹出div效果)，需要的朋友可以参考下。
2009-10-10
JS常用的4种截取字符串方法
在做项目的时候，经常会需要截取字符串，所以常用的方法有slice()、substr()、substring()、match()方法等，下面通过示例代码介绍四个方法的使用，感兴趣的朋友跟随小编一起看看吧
2023-02-02
20行代码实现的一个CSS覆盖率测试脚本
这里我们只求CSS规则的覆盖率，所以访问 querySelectorAll().length 即可。通过排序就可看出各个CSS使用情况
2013-07-07
js innerHTML 改变div内容的方法
永远不知道你可以改变的内容，一个HTML元素？也许你要取代的文字段落中，以反映什么访客选定刚刚从下拉框中。通过操纵一个元素的innerHtml您可以变更您的文本和HTML多达你喜欢。
2013-08-08
javascript的currying函数介绍
curring的概念将函数式编程的概念和默认参数以及可变参数结合在一起.一个带n个参数,curried的函数固化第一个参数为固定参数,并返回另一个带n-1个参数的函数对象,分别类似于LISP的原始函数car和cdr的行为。currying能泛化为偏函数应用（partial function application, PFA）,p 这种函数将任意数量（顺序）的参数的函数转化为另一个带剩余参数的函数对象
2012-02-02