<strike id="lvevg"><em id="lvevg"><optgroup id="lvevg"></optgroup></em></strike>
  • 發(fā)布一個(gè)很久以前寫的用鼠標(biāo)寫字的效果

    2023-05-09    分類: 網(wǎng)站建設(shè)

    很久很久以前用javascript寫的一個(gè)可以按住鼠標(biāo)左鍵不動(dòng),然后寫字的效果,記得一開始發(fā)布到網(wǎng)上的時(shí)候可受歡迎了,呵呵,今天再次從筆記本里翻出來分享給大家,希望大家不要吝嗇,多轉(zhuǎn)載,但是轉(zhuǎn)載請(qǐng)著名出處,以下是源碼,您可以復(fù)制之后保存演示效果,如果覺得這個(gè)寫字效果不錯(cuò),自己可以考慮改善下

    <!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">提示:按住鼠標(biāo)左鍵不放,在頁面中拖動(dòng)即可寫字 ; 同時(shí)按住ctrl和鼠標(biāo)左鍵不放,在頁面中拖動(dòng)即可把字擦去</div>
    </body>
    </html>

    當(dāng)前標(biāo)題:發(fā)布一個(gè)很久以前寫的用鼠標(biāo)寫字的效果
    文章位置:http://www.bm7419.com/news18/258668.html

    成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供微信小程序服務(wù)器托管、做網(wǎng)站、網(wǎng)站導(dǎo)航、ChatGPT、網(wǎng)站策劃

    廣告

    聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

    成都定制網(wǎng)站建設(shè)