替换深色背景和方块

时间:2015-09-30 09:38:53

标签: javascript html css angularjs drag-and-drop

下面是一个非常酷的angularjs应用程序的示例,它具有拖放功能。它使用ngDraggable模块。

http://jsfiddle.net/zargyle/35z4J/

<div ng-app="test" ng-controller="testCtrl">
    <div id="container">
        <div class="shape" ng-draggable='dragOptions'></div>
    </div>
</div>

背景是黑色的。用户可以拖动白色方块。我想做两件事;

  1. 用此平面图替换黑色背景。
  2. enter image description here

    1. 用这个简单的图像图标替换白色方块。
    2. enter image description here

      如何修改jsfiddle以执行上述操作?

1 个答案:

答案 0 :(得分:1)

检查此链接

http://jsfiddle.net/35z4J/113/

#container {
   width : auto;
   height: 1200px;
   background:url('http://i.stack.imgur.com/GgZvy.jpg');
   background-repeat:no-repeat;
}

.shape {
    position: absolute;
    width : 200px;
    height: 500px;
     background:url('http://i.stack.imgur.com/NGQbN.png');
   background-repeat:no-repeat;
}