createjs mouseover-mouseout

飞驰的蜗牛牛

于 2021-12-29 14:43:47 发布

阅读量237

点赞数

分类专栏： HTML5 文章标签： javascript webview html

本文链接：https://blog.youkuaiyun.com/shuishou1000/article/details/122215663

版权

HTML5 专栏收录该内容

16 篇文章

订阅专栏

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title></title>
    <script src="lib/easeljs-0.7.1.min.js" charset="utf-8"></script>
  </head>
  <body>
    <canvas id="canvas" width="300" height="300"></canvas>
  </body>
  <script type="text/javascript">
  //1,显示
    var stage=new createjs.Stage("canvas")
    var g=new createjs.Graphics()
    g.beginFill("#ff0000")
    g.drawRect(100,100,200,100)
    var s=new createjs.Shape(g)
    stage.addChild(s)
    //2，启用滑动功能并侦测
    stage.enableMouseOver()

    s.addEventListener("mouseover",function(e){
      s.alpha=0.5
    })
    s.addEventListener("mouseout",function(e){
      s.alpha=1
    })
    //侦测到更新
    createjs.Ticker.addEventListener("tick",tickhandle)
    function tickhandle(e){

      stage.update()
    }

  </script>
</html>