TaoGOGO

欢迎您光临,这就是TaoGOGO的网络小窝!
godaddy免费空间去广告方法(安全)»
«推荐个免费网络电话

鼠标写彩色字js代码

从网友那里找的一个可以用鼠标写字的代码,非常的炫,跟大家分享一下。

效果图:

代码:

<!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:4px 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;
  default:Obj_Nian.innerHTML="Error";break;
 }
 Is_First+=1
 if(Is_First==6){
  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=""
 }
}
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>

原文出自http://www.wxwdesign.cn/article/skills/90.htm

想收藏或者和大家分享这篇好文章→ 分享家:Addthis中国

相关阅读:

Tags: js js特效 js文字特效 |Comments:(5)|read:(340)

5 to "鼠标写彩色字js代码"

  1. 小明猪
    回复 # 56019
    2009-08-09 at 15:10

    你这里不可以呀

  2. houkai
    回复 # 56020
    2009-08-09 at 15:43

    改造 改造 就可以在网页上 标注了 划线 画矩形
    呵呵

  3. houkai
    回复 # 55019
    2009-08-09 at 15:47

    突破10$大关
    庆祝一下
    我来恭喜 带来两个点击吧(见面礼)
    点 多了用处不大!

  4. TaoGOGO
    回复 # 56021
    2009-08-09 at 19:50

    @小明猪 什么不可以啊?

  5. TaoGOGO
    回复 # 55021
    2009-08-09 at 19:50

    @houkai 效果很帅吧? 谢谢你啦,我也回个~

 

Leave a Reply




请输入计算结果:5+10

:) lol 8) mrgreen evil arrow :( more »

Tao公告

一定要努力啊,要做生活的强者!不要懈怠!@2009.12.22

搜索

G Show!