index.html

﻿<html>
    <head> 
        <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> 
        <title>JLuckyDraw 抽籤機</title> 
        <meta name="author" content="Jui-Shan Liang" /> 
        <link rel="stylesheet" href="jquery-ui-1.8.16.custom.css" type="text/css" />
        <link rel="stylesheet" href="style.css" type="text/css" />
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js" type="text/javascript"></script>
        <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js" type="text/javascript"></script>
        <script src="jluckydraw.js" type="text/javascript"></script>
    </head> 

    <body>
        <div id="container">
            <div id="list_pane">
                    <p><strong>抽籤名單</strong></p>
                    <textarea id="name_list">
陳一
徐二
張三
李四
王五
趙六
劉七
孫八
錢九
畢十
</textarea>
            </div>
            <div id="draw_pane">
                <div id="draw">
                    <div id="draw-1" class="draw-a"><div class="text">&nbsp;</div></div>
                    <div id="draw-2" class="draw-b"><div class="text">&nbsp;</div></div>
                    <div id="draw-3" class="draw-c"><div class="text">&nbsp;</div></div>
                    <div id="draw-4" class="draw-b"><div class="text">&nbsp;</div></div>
                    <div id="draw-5" class="draw-a"><div class="text">&nbsp;</div></div>
                </div>
                <button id="switch">開始抽籤</button>
            </div>
        </div>
        <div id="footer">
            程式撰寫：梁睿珊 (jsliang.tw[at]gmail.com) 2011/12/30
        </div>
    </body> 
     
</html>