zoukankan      html  css  js  c++  java
  • Javascript, How to make a Dress Up Game (Drag and Drop)

    <style>
    <!--
    .dragme
    {position:relative;}
    -->
    </style>
    <script language="JavaScript1.2">
    <!--

    var ie=document.all;
    var nn6=document.getElementById&&!document.all;

    var isdrag=false;
    var x,y;
    var dobj;

    function movemouse(e)
    {
      
    if (isdrag)
      
    {
        dobj.style.left 
    = nn6 ? tx + e.clientX - x : tx + event.clientX - x;
        dobj.style.top  
    = nn6 ? ty + e.clientY - y : ty + event.clientY - y;
        
    return false;
      }

    }


    function selectmouse(e) 
    {
      
    var fobj       = nn6 ? e.target : event.srcElement;
      
    var topelement = nn6 ? "HTML" : "BODY";

      
    while (fobj.tagName != topelement && fobj.className != "dragme")
      
    {
        fobj 
    = nn6 ? fobj.parentNode : fobj.parentElement;
      }


      
    if (fobj.className=="dragme")
      
    {
        isdrag 
    = true;
        dobj 
    = fobj;
        tx 
    = parseInt(dobj.style.left+0);
        ty 
    = parseInt(dobj.style.top+0);
        x 
    = nn6 ? e.clientX : event.clientX;
        y 
    = nn6 ? e.clientY : event.clientY;
        document.onmousemove
    =movemouse;
        
    return false;
      }

    }


    document.onmousedown
    =selectmouse;
    document.onmouseup
    =new Function("isdrag=false");

    //-->
    </script>

    <img src="ttt.jpg" class="dragme"> 
    JSON(http://www.json.org/json-zh.html)
    <script>
    var myJSONObject = {"bindings"
    [
        
    {"ircEvent""PRIVMSG""method""newURI""regex""^http://.*"},
        
    {"ircEvent""PRIVMSG""method""deleteURI""regex""^delete.*"},
        
    {"ircEvent""PRIVMSG""method""randomURI""regex""^random.*"}
    ]
    }
    ;

    alert(myJSONObject.bindings[
    0].method);    // "newURI"
    </script>
  • 相关阅读:
    软件架构阅读笔记04
    软件架构阅读笔记03
    TortoiseGit和intellij idea配置秘钥
    linux关闭在线登录用户
    汉化gitlab
    GitLab服务器搭建
    redis 中如何切换db
    弹性伸缩问题
    Filebeat+Logstash自定义多索引
    logstash
  • 原文地址:https://www.cnblogs.com/snowball/p/562873.html
Copyright © 2011-2022 走看看