打印

前天看到有个人写了能在网页中写字的程序,找不到了,我来个能擦写的....

本主题由 System 于 2008-4-23 05:00 解除限时高亮

bobo717

新手上路

帖子: 3
体力: 0
威望: 0
离线: 1 天

31^# 大中小发表于 2008-6-6 15:34

不错呢,谢了~

TOP

做西部数码代理.Cn1元国际45元 | 微软开发者工具互动网站

jie51886

初级会员

帖子: 67
体力: 84
威望: 0
当前: 北京海淀区
离线: 5 天

专长 前端制作

32^# 大中小发表于 2008-6-6 17:19

该楼主的，玩一下，嘿嘿

<!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;
	z-index:100;
	position:relative;
}
.dd{ z-index:1;}
</style>
<script type="text/javascript">
var Is_Mouse_Down = false
var Is_First=0
var d="呆呆，我爱你，哈哈！"
var p= new Array();
for(var i=0;i<d.length;i++){
	p[i]=d.substring(i,i+1);
}
function changtxt(){
	var dd=document.getElementById("changetxt").value;
	d=dd;
	for(var i=0;i<d.length;i++){
		p[i]=d.substring(i,i+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.className="dd";
	Obj_Nian.style.left=evt.clientX-10+"px"
	Obj_Nian.style.top=evt.clientY-10+"px"
	Obj_Nian.innerHTML=p[Is_First]
	Is_First+=1
	if(Is_First==d.length){
		Is_First=0
	}
	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.className=="dd"){
		document.body.removeChild(evt.srcObj);
	}
}
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">
	<p>提示：按住鼠标左键不放，在页面中拖动即可写字 ; 同时按住ctrl和鼠标左键不放，在页面中拖动即可把字擦去</p>
	<input type="text" name="changetxt" id="changetxt" />
	<input type="button" name="" id="" onclick="changtxt()" value="修改背景文字" />
</div>
</body>
</html>

提示：您可以先修改部分代码再运行

[ 本帖最后由 jie51886 于 2008-6-6 17:24 编辑 ]

TOP

美橙vps独立IP月付189元 | 千千静听皮肤设计大赛

wsjjazz

初级会员

帖子: 38
体力: 101
威望: 1
离线: 35 天

专长 JS,ASP,.NET

33^# 大中小发表于 2008-9-12 11:30

evt.srcObj.innerHTML=""
这样设置为空为什么删除的时候不干脆连DIV也删除呢

<!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){
document.getElementById('num').innerHTML='body 中共有DIV:'+document.getElementsByTagName('DIV').length+'个（包括原始的2个固定div）';
	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){
document.getElementById('num').innerHTML='body 中共有DIV:'+document.getElementsByTagName('DIV').length+'个（包括原始的2个固定div）';
	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="" 
                  evt.srcObj.removeNode(true);
	}
}
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>
<div id="num"></div>
</body>
</html>

提示：您可以先修改部分代码再运行

TOP

掌握加薪筹码 IT薪资宝典给您答案！

scyu

有空就挣扎

中级会员

帖子: 339
体力: 451
威望: 0
离线: 16 天

专长 JS,ASP,JAVA

34^# 大中小发表于 2008-9-12 12:09

有点意思

好帖啊！

六道轮回，众生之中，唯人最苦

TOP

还在为头像烦恼?还在为不能关注好友动态烦忧?快来蓝色理想家园吧!

bat0906

初级会员

帖子: 24
体力: 51
威望: 0
当前: 山东潍坊
离线: 22 天

35^# 大中小发表于 2008-9-19 18:01

厉害！

cogou.net

TOP

mypda07

中级会员

帖子: 142
体力: 279
威望: 2
当前: 湖南长沙
离线: 8 天

专长 网页设计,UI,JS

36^# 大中小发表于 2008-9-20 15:02

好玩

TOP

fuguojian1988

天天向网NET

银牌会员

帖子: 1020
体力: 2053
威望: 0
当前: 河南商丘
离线: 1 天

专长 网页设计,平面,前端制作

37^# 大中小发表于 2008-9-20 15:21

值得鼓励

一个人的路，还是一个人走！

TOP

jiangtiger

新手上路

帖子: 14
体力: 35
威望: 0
离线: 18 天

38^# 大中小发表于 2008-9-20 15:24

十分精彩！

TOP

qqxuanwu

新手上路

帖子: 15
体力: 36
威望: 0
当前: 北京东城区
离线: 35 天

39^# 大中小发表于 2008-9-24 15:44

我已经用了，好好玩啊

huapi.org

TOP

wangyong969

初级会员

帖子: 74
体力: 110
威望: 0
当前: 四川成都
离线: 3 天

40^# 大中小发表于 2008-9-24 15:48

确实比较有意思，不过没多大实际意义样

TOP

shadowhuan

新手上路

帖子: 26
体力: 41
威望: 0
当前: 广东深圳
离线: 1 天

41^# 大中小发表于 2008-9-24 15:52

祝福LZ.顺便收藏

TOP

cloudgamer

高级会员

帖子: 474
体力: 984
威望: 2
当前: 广东佛山

42^# 大中小发表于 2008-9-24 16:00

跟我做过的定线滑移差不多
http://www.cnblogs.com/cloudgamer/archive/2008/05/16/1200705.html

TOP

takuma888

银牌会员

帖子: 685
体力: 1230
威望: 0
当前: 湖北武汉
离线: 10 天

专长 前端制作,.NET

43^# 大中小发表于 2008-9-24 23:08

引用:

原帖由 cloudgamer 于 2008-9-24 16:00 发表
跟我做过的定线滑移差不多
http://www.cnblogs.com/cloudgamer/archive/2008/05/16/1200705.html

原理都不一样啊

前端设计 javascirpt

TOP

jmdgc

新手上路

帖子: 4
体力: 14
威望: 0
当前: 江苏南京
离线: 28 天

44^# 大中小发表于 2008-9-25 01:01

(evt.srcObj.innerHTML=="刘" || evt.srcObj.innerHTML=="念" || evt.srcObj.innerHTML=="我" || evt.srcObj.innerHTML=="喜" || evt.srcObj.innerHTML=="欢" || evt.srcObj.innerHTML=="你")
为什么不indexof search test

TOP

yyb1813

高级会员

帖子: 241
体力: 843
威望: 0
离线: 1 天

45^# 大中小发表于 2008-9-25 08:23

想不到那里可以有得上，呵呵

test

TOP

zane0216

初级会员

帖子: 68
体力: 148
威望: 0
当前: 江苏南通
离线: 1 天

专长 网页设计,JS,.NET

46^# 大中小发表于 2008-9-25 08:41

泡MM用得上

TOP

hellen0411

新手上路

帖子: 12
体力: 29
威望: 0
当前: 广东东莞
离线: 19 天

47^# 大中小发表于 2008-9-25 09:51

<!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;
z-index:100;
position:relative;
}
.dd{ z-index:1;}
</style>
<script type="text/javascript">
var Is_Mouse_Down = false
var Is_First=0
var d="我爱蓝色理想！"
var p= new Array();
for(var i=0;i<d.length;i++){
p[i]=d.substring(i,i+1);
}
function changtxt(){
var dd=document.getElementById("changetxt").value;
d=dd;
for(var i=0;i<d.length;i++){
   p[i]=d.substring(i,i+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.className="dd";
Obj_Nian.style.left=evt.clientX-10+"px"
Obj_Nian.style.top=evt.clientY-10+"px"
Obj_Nian.innerHTML=p[Is_First]
Is_First+=1
if(Is_First==d.length){
   Is_First=0
}
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.className=="dd"){
   document.body.removeChild(evt.srcObj);
}
}
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">
<p>提示：按住鼠标左键不放，在页面中拖动即可写字 ; 同时按住ctrl和鼠标左键不放，在页面中拖动即可把字擦去</p>
<input type="text" name="changetxt" id="changetxt" />
<input type="button" name="" id="" onclick="changtxt()" value="修改背景文字" />
</div>
</body>
</html>

TOP

dictionarydxn

初级会员

帖子: 25
体力: 55
威望: 0

48^# 大中小发表于 2008-9-25 09:57

谢谢，收藏了

TOP