1

嘿伙计们，我正在尝试创建快速刻录效果。我正在使用 Backbonejs、Backbone Layout manager 和 twitter bootstrap。我有一个包装器 div，其中包含一堆 tex 字段、imgs、标签等......包装器 div 由主干布局视图控制。包装器 div 中包含一个按钮，可让您将所有字段恢复为其默认值。我想到的效果类似于将一张纸垂直放在空中并在底部点燃它。目前，当单击恢复按钮时，我只是使用默认值重新渲染视图。因此，当单击恢复按钮时，我希望 div 出现烧毁，并且在整个 div 被烧毁后，div 会使用新值重新呈现自身。

<div class="row">
                <div class="col-xs-8 col-md-8">
                    <img src="img/defaultContact.png" class="img-thumbnail" style="max-height: 150px;">
                </div>
                <div class="col-xs-4 col-md-4">
                    <button type="button" class="btn btn-default btn-md" id="contact-detail-save-button">
                        <span class="glyphicon glyphicon-save"></span> Save
                    </button>
                    <button type="button" class="btn btn-default btn-md" id="contact-detail-restore-button">
                        <span class="glyphicon glyphicon-fire"></span> Restore
                    </button>
                </div>
            </div>
            <div class="input-group">
                <span class="input-group-addon">First Name</span>
                <input type="text" class="form-control" placeholder="Contacts First Name" value="{{firstname}}" id="details-firstname">
            </div>
            <div class="input-group">
                <span class="input-group-addon">Last Name</span>
                <input type="text" class="form-control" placeholder="Contacts Last Name" value="{{lastname}}" id="details-lastname">
            </div>
            ...</div>

到目前为止我还没有代码。我是客户端开发的新手，不知道从哪里开始。

一种可能的方法是制作火的图像并将其缩放到屏幕上。有没有办法拥有可扩展的图像？

4

0 回答 0