打印

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

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

thornyzhl [楼主]

sarten

高级会员

帖子: 445
体力: 859
威望: 2
当前: 安徽合肥

专长 网页设计,PHP,MySQL

1^# 大中小发表于 2008-4-8 16:36

<!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>

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

本帖最近评分记录

km268 威望 +2 谢谢分享 2008-4-17 11:05

摆pos抽香烟

TOP

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

350012638

新手上路

帖子: 4
体力: 15
威望: 0
当前: 北京朝阳区
离线: 5 天

2^# 大中小发表于 2008-4-8 16:38

蛮有意思的阿.~

TOP

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

vipstar

中级会员

帖子: 145
体力: 315
威望: 0
离线: 2 天

3^# 大中小发表于 2008-4-8 17:11

真不错.我啥时候能到这种水平呢?

TOP

activeTechPros 共享IT行业薪资信息 | 《疯狂的程序员》劲爆上市

ox27

水泻

中级会员

帖子: 165
体力: 257
威望: 0
当前: 山东青岛
离线: 1 天

4^# 大中小发表于 2008-4-8 20:17

仔细想象哪里能用~

忧郁患者

TOP

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

protossfans

中级会员

帖子: 156
体力: 311
威望: 0
当前: 四川成都
离线: 43 天

5^# 大中小发表于 2008-4-8 20:39

安逸~~

4WD

TOP

xilao

初级会员

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

6^# 大中小发表于 2008-4-9 10:06

好玩。。哈哈

TOP

cuikai

银牌会员

帖子: 1710
体力: 2115
威望: 9
当前: 北京海淀区
离线: 1 天

专长 UI,前端制作,项目管理

7^# 大中小发表于 2008-4-9 10:12

额……收藏夹文章好多好多…………又多了一个………………

没事写写Blog,想想生活有多艰难..囧

TOP

thornyzhl [楼主]

sarten

高级会员

帖子: 445
体力: 859
威望: 2
当前: 安徽合肥

专长 网页设计,PHP,MySQL

8^# 大中小发表于 2008-4-9 15:30

谢谢支持哦呵呵

摆pos抽香烟

TOP

20080216

逃亡PK宿命

高级会员

帖子: 860
体力: 578
威望: 0
当前: 湖北武汉

9^# 大中小发表于 2008-4-9 17:20

嗯.蛮强的.只是适合用在什么地方咧?

JS say：你，真是天真的可爱！

TOP

konghu1020

中级会员

帖子: 134
体力: 405
威望: 0
离线: 6 天

10^# 大中小发表于 2008-4-9 17:23

呵呵楼主写给MM的啊

++就算天空永远在下雨，你也要天天都快乐++

TOP

mental

小鱼的理想

高级会员

帖子: 354
体力: 697
威望: 0
当前: 山东威海

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

11^# 大中小发表于 2008-4-9 17:29

刘念,我喜欢你!
哈哈哈哈哈!

好吃分一半

TOP

arthur721

中级会员

帖子: 204
体力: 420
威望: 5
当前: 湖南衡阳

专长 网页设计,Flash,JS

12^# 大中小发表于 2008-4-10 12:51

不错！！
收藏了！

希望

TOP

duckweed628

新手上路

帖子: 3
体力: 12
威望: 0
当前: 山东淄博
离线: 232 天

13^# 大中小发表于 2008-4-10 13:25

啥时候俺也能有这种水平啊```

。。。。。

TOP

yangsongmao

高级会员

帖子: 226
体力: 507
威望: 0
当前: 北京朝阳区

专长 前端制作

14^# 大中小发表于 2008-4-10 13:49

ls真是太有才了

TOP

kirra

新手上路

帖子: 10
体力: 27
威望: 0
离线: 119 天

15^# 大中小发表于 2008-4-10 14:01

呵呵。。。用来表白的好东西
LZ真厉害....

TOP

doggic

初级会员

帖子: 69
体力: 143
威望: 0
当前: 广西桂林
离线: 50 天

16^# 大中小发表于 2008-4-17 10:47

强淫呀
喜欢
收藏了

TOP

aoyu33116

鳌鱼

中级会员

帖子: 623
体力: 327
威望: 0
当前: 上海浦东

专长 前端制作,.NET

17^# 大中小发表于 2008-4-17 10:53

真好玩，收了，谢谢楼主

ღ 鳌鱼 ღ

TOP

hrdesign

96年前我叫江波

中级会员

帖子: 357
体力: 490
威望: 0
当前: 河南洛阳
离线: 1 天

专长 平面,前端制作,JS

18^# 大中小发表于 2008-4-17 11:03

LZ想刘念

程序比较有创意

为河南人争光！

TOP

blackbat

中级会员

帖子: 211
体力: 425
威望: 0
当前: 北京海淀区
离线: 1 天

专长 JAVA,JSP

19^# 大中小发表于 2008-4-17 12:55

请说下原理，这个可以保存成图片吗？

人善天不欺

TOP

rene1018

xiaohc

高级会员

帖子: 378
体力: 766
威望: 0
当前: 湖北武汉

专长 前端制作,.NET,MSSQL

20^# 大中小发表于 2008-4-17 13:05

呵呵，效果不错。个人网站可以用

英国大学？

TOP

rene1018

xiaohc

高级会员

帖子: 378
体力: 766
威望: 0
当前: 湖北武汉

专长 前端制作,.NET,MSSQL

21^# 大中小发表于 2008-4-17 13:08

原来如此。。。。

复制内容到剪贴板

代码:

<body onselectstart="javascript:return false">

<div style="position: absolute; left: 253px; top: 279px; color: rgb(12, 45, 137);">刘</div>

<div style="position: absolute; left: 254px; top: 279px; color: rgb(142, 38, 234);">念</div>

</body>

<div style="position: absolute; left: 254px; top: 279px; color: rgb(142, 38, 234);">念</div>
颜色随机，位置由鼠标当时的位置来定

PS:介绍哈刘念撒，最好有PHOTO

[ 本帖最后由 rene1018 于 2008-4-17 13:11 编辑 ]

英国大学？

TOP

thornyzhl [楼主]

sarten

高级会员

帖子: 445
体力: 859
威望: 2
当前: 安徽合肥

专长 网页设计,PHP,MySQL

22^# 大中小发表于 2008-4-20 18:43

回复 rene1018 在 21# 的帖子

呵呵,,,原理就是这样的.至于图片吗...我可不敢乱放上去哦.

摆pos抽香烟

TOP

tkone

新手上路

帖子: 14
体力: 29
威望: 0
离线: 58 天

23^# 大中小发表于 2008-4-20 23:18

楼主真是有心了，看来那个“刘念”也有够幸福的了！

TOP

tbird

初级会员

帖子: 49
体力: 104
威望: 0
当前: 上海闵行
离线: 28 天

24^# 大中小发表于 2008-4-20 23:28

呵呵，有点创意！
楼主顺便放上一首抒情的music，说不准效果更好！文字提示颜色用红色的！

TOP

llying

新手上路

帖子: 9
体力: 24
威望: 0
离线: 51 天

25^# 大中小发表于 2008-4-21 08:43

英雄呀~！
已经达到如此境地，佩服佩服。

TOP

skybot

size

钻石会员

帖子: 2855
体力: 6677
威望: 6
当前: 上海长宁

专长 JS,C#,MSSQL

26^# 大中小发表于 2008-4-21 09:04

有意思的效果

http://www.qlili.com 个人站帮点啊

TOP

thornyzhl [楼主]

sarten

高级会员

帖子: 445
体力: 859
威望: 2
当前: 安徽合肥

专长 网页设计,PHP,MySQL

27^# 大中小发表于 2008-6-1 15:51

哎呀。。。没人顶了啊。。。我来顶个

摆pos抽香烟

TOP

860531

中级会员

帖子: 199
体力: 389
威望: 0
离线: 5 天

28^# 大中小发表于 2008-6-1 16:37

很强

86美术网欢迎您http://www.86ms.com

TOP

kf2s

初级会员

帖子: 68
体力: 141
威望: 0
当前: 河南开封
离线: 1 天

29^# 大中小发表于 2008-6-2 09:40

那位牛人改成
向暗恋的人表露爱情的网页？
标题可以输入修改，那几个字也可以修改！

www.xyqb.net

TOP

whiteleaf

初级会员

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

30^# 大中小发表于 2008-6-2 14:40

报告，会跟浏览器的鼠标手势功能冲突

TOP