注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

清风的博客

我为人人,人人为我。

 
 
 

日志

 
 

在网页上写文字代码(网页特效)  

2013-05-06 16:49:16|  分类: 【网络技术】 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
<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="kaishi";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>

 

互联友吧 - 网易博客特效代码大全


网页代码显示效果运行器:http://www.id666.com/user/u8l/t/rxq.htm

清风推荐阅读:
  评论这张
 
阅读(41)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017