html5 svg拖動連線答題代碼



177 704 235



特效描述:html5 svg 拖動連線 答題代碼,可公布答案,修改。

代碼結構

1. 引入CSS

<link rel="stylesheet" href="src/reset.css">
<link rel="stylesheet" href="src/style.css">

2. 引入JS

<script src="library/jquery.min.js"></script>
<script src="library/svg.min.js"></script>
<script src="src/line.js"></script>

3. HTML代碼

    <div class="container">
        <div id="draw" class="draw-container">
            <div style="position: absolute" class="btn-group">
                <a href="javascript:;" id="j-default" title="點擊會刪除已選擇答案">默認答案</a>
                <a href="javascript:;" id="j-reset">重置</a>
                <a href="javascript:;" id="j-submit" class="btn-submit">確定</a>
            </div>
            <ul class="question-list data-list">
            </ul>
            <ul class="answer-list data-list">
            </ul>
            <i class="remove-btn"></i>
        </div>
        <div class="result-container">
            <h3>您的答案是:</h3>
            <ul class="result-display"></ul>
        </div>
    </div>



用戶評論
大牛,別默默的看了,快登錄幫我點評一下吧!:)      登錄 | 注冊


熱門標簽: 拖動 拖拽 拖動插件 拖拽插件 滑動星星打分 其他 圖片拖動 圖片拖拽 答題
?
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

jQuery/js討論群
群號:642649996
Css3+Html5討論群
群號:322131262

加群請備注:從官網了解到

老夫子电子