jquery实现九宫格抽奖效果-html代码-BFW代码库

代码语言：html
所属分类：大转盘
下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <title>购买抽奖活动源代码</title>
    <style type="text/css">
        * {
            margin: 0;
            padding: 0;
        }
        table {
            border-spacing: 0;
            border-collapse: collapse;
            text-align: center;
        }
        .draw {
            width: 460px;
            height: 470px;
            margin: 0 auto;
            padding: 40px;
            background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAhwAAAImCAYAAAAYH1O3AAAgAElEQVR4Xu3dTY+dBfnH8XsatAktlTZtQRsBYYREFpCYrrrqBljoG3BlXGp8NT4s1ffAhrBhxYqNLDAC5dFU+pQWCyUpkhlzD55mWqYP086Z333P78Puj+1c9/W5Dvl/c84prKwPw8pwH39dWF196fBjB385/tYrh3/222PX3r+vn3Mfo/0WAgQIECBAYJcELh746frhK//488b/vz//5avHz5x5/X5Gr2w3OP576sU/PPT97/3ufob5PQQIECBAgMD8Bb75+r9/+t6bf//9dja55+AQGtth9WsJECBAgMDeF9hOeNw1OMaPTo79+PBre5/NhgQIECBAgMD9CFz815VX7vZRyx2Dw7sa98Pu9xAgQIAAgT6Bu73bcdvgEBt9LxYbEyBAgACBBxG4U3RsGRxi40G4/V4CBAgQINArcLvo+E5wiI3eF4nNCRAgQIDATghsFR03BYcviO4Es59BgAABAgQI3PpF0puCY/30yTVEBAgQIECAAIGdEFh54619i59zIzh8lLITtH4GAQIECBAgsBDY/NHKjeDw7oYXCAECBAgQILDTAot3OTaCw7sbO83r5xEgQIAAAQKjwOJdjo3g8O6GFwUBAgQIECCwLIHxXY6V86urL/tXly+L2M8lQIAAAQIExj+xsvL1qRf/6L/+6sVAgAABAgQILEtg/FhFcCxL188lQIAAAQIENgQ2guP8L361duza+ytMCBAgQIAAAQLLElhZO31yfVk/3M8lQIAAAQIECIwCgsPrgAABAgQIEFi6gOBYOrEBBAgQIECAgODwGiBAgAABAgSWLiA4lk5sAAECBAgQICA4vAYIECBAgACBpQsIjqUTG0CAAAECBAgIDq8BAgQIECBAYOkCgmPpxAYQIECAAAECgsNrgAABAgQIEFi6gOBYOrEBBAgQIECAgODwGiBAgAABAgSWLjC74Lj25drwxVcPDdc/u7SBc/3y1aUjGUCAAAECBNIC+48c2niE/T88Ojzy8DfDgYP70o+0rfmzCI4xMi598Lm42NZp/WICBAgQ2MsCiwA5+syjs4iPSQeH0NjL/6jYjQABAgR2SmCMjydfOLJTP24pP2eywTHGxtm3Pl3K0n4oAQIECBDYiwInTj4x2Xc7Jhkcn7x92ccne/GfBDsRIECAwNIFpvpux+SCQ2ws/bVoAAECBAjscYEpRsekgkNs7PF/AqxHgAABArsmMLXomExwiI1dew0aRIAAAQIlAlOKjkkEhy+IlrzyrUmAAAECuy4wlS+STiI43nvj410/gIEECBAgQKBFYArREQ8OH6W0vNztSYAAAQIpgSl8tBINDh+lpF565hIgQIBAm0D6XY5ocHh3o+3lbl8CBAgQSAmk3+WIBofvbqReduYSIECAQKPAs6efiq0dCw4fp8RubjABAgQIlAokP1aJBce5C/uGq+98WHpyaxMgQIAAgd0XOPT808Pjx9d2f/AwDLHg8P2NyL0NJUCAAIFigeT3OARH8QvP6gQIECDQJVAZHL4w2vUity0BAgQITEMg9cXR2DscgmMaLzxPQYAAAQJdAoKj6962JUCAAAECEQHBEWE3lAABAgQIdAkIjq5725YAAQIECEQEBEeE3VACBAgQINAlIDi67m1bAgQIECAQERAcEXZDCRAgQIBAl4Dg6Lq3bQkQIECAQERAcETYDSVAgAABAl0CgqPr3rYlQIAAAQIRAcERYTeUAAECBAh0CQiOrnvblgABAgQIRAQER4TdUAIECBAg0CUgOLrubVsCBAgQIBAREBwRdkMJECBAgECXgODourdtCRAgQIBAREBwRNgNJUCAAAECXQKCo+vetiVAgAABAhEBwRFhN5QAAQIECHQJCI6ue9uWAAECBAhEBARHhN1QAgQIECDQJSA4uu5tWwIECBAgEBEQHBF2QwkQIECAQJeA4Oi6t20JECBAgEBEQHBE2A0lQIAAAQJdAoKj6962JUCAAAECEQHBEWE3lAABAgQIdAkIjq5725YAAQIECEQEBEeE3VACBAgQINAlIDi67m1bAgQIECAQERAcEXZDCRAgQIBAl4Dg6Lq3bQkQIECAQERAcETYDSVAgAABAl0CgqPr3rYlQIAAAQIRAcERYTeUAAECBAh0CQiOrnvblgABAgQIRAQER4TdUAIECBAg0CUgOLrubVsCBAgQIBAREBwRdkMJECBAgECXgODourdtCRAgQIBAREBwRNgNJUCAAAECXQKCo+vetiVAgAABAhEBwRFhN5QAAQIECHQJCI6ue9uWAAECBAhEBARHhN1QAgQIECDQJSA4uu5tWwIECBAgEBEQHBF2QwkQIECAQJeA4Oi6t20JECBAgEBEQHBE2A0lQIAAAQJdAoKj6962JUCAAAECEQHBEWE3lAABAgQIdAkIjq5725YAAQIECEQEBEeE3VACBAgQINAlIDi67m1bAgQIECAQERAcEXZDCRAgQIBAl4Dg6Lq3bQkQIECAQERAcETYDSVAgAABAl0CgqPr3rYlQIAAAQIRAcERYTeUAAECBAh0CQiOrnvblgABAgQIRAQER4TdUAIECBAg0CUgOLrubVsCBAgQIBAREBwRdkMJECBAgECXgODourdtCRAgQIBAREBwRNgNJUCAAAECXQKCo+vetiVAgAABAhEBwRFhN5QAAQIECHQJCI6ue9uWAAECBAhEBARHhN1QAgQIECDQJSA4uu5tWwIECBAgEBEQHBF2QwkQIECAQJeA4Oi6t20JECBAgEBEQHBE2A0lQIAAAQJdAoKj6962JUCAAAECEQHBEWE3lAABAgQIdAkIjq5725YAAQIECEQEBEeE3VACBAgQINAlIDi67m1bAgQIECAQERAcEXZDCRAgQIBAl4Dg6Lq3bQkQIECAQERAcETYDSVAgAABAl0CgqPr3rYlQIAAAQIRAcERYTeUAAECBAh0CQiOrnvblgABAgQIRAQER4TdUAIECBAg0CUgOLrubVsCBAgQIBAREBwRdkMJECBAgECXgODourdtCRAgQIBAREBwRNgNJUCAAAECXQKCo+vetiVAgAABAhEBwRFhN5QAAQIECHQJCI6ue9uWAAECBAhEBARHhN1QAgQIECDQJSA4uu5tWwIECBAgEBEQHBF2QwkQIECAQJeA4Oi6t20JECBAgEBEQHBE2A0lQIAAAQJdAoKj6962JUCAAAECEQHBEWE3lAABAgQIdAkIjq5725YAAQIECEQEBEeE3VACBAgQINAlIDi67m1bAgQIECAQERAcEXZDCRAgQIBAl4Dg6Lq3bQkQIECAQERAcETYDSVAgAABAl0CgqPr3rYlQIAAAQIRAcERYTeUAAECBAh0CQiOrnvblgABAgQIRAQER4TdUAIECBAg0CUgOLrubVsCBAgQIBAREBwRdkMJECBAgECXgODourdtCRAgQIBAREBwRNgNJUCAAAECXQKCo+vetiVAgAABAhEBwRFhN5QAAQIECHQJCI6ue9uWAAECBAhEBARHhN1QAgQIECDQJSA4uu5tWwIECBAgEBEQHBF2QwkQIECAQJeA4Oi6t20JECBAgEBEQHBE2A0lQIAAAQJdAoKj6962JUCAAAECEQHBEWE3lAABAgQIdAkIjq5725YAAQIECEQEBEeE3VACBAgQINAlIDi67m1bAgQIECAQERAcEXZDCRAgQIBAl4Dg6Lq3bQkQIECAQERAcETYDSVAgAABAl0CgqPr3rYlQIAAAQIRAcERYTeUAAECBAh0CQiOrnvblgABAgQIRAQER4TdUAIECBAg0CUgOLrubVsCBAgQIBAREBwRdkMJECBAgECXgODourdtCRAgQIBAREBwRNgNJUCAAAECXQKCo+vetiVAgAABAhEBwRFhN5QAAQIECHQJCI6ue9uWAAECBAhEBARHhN1QAgQIECDQJSA4uu5tWwIECBAgEBEQHBF2QwkQIECAQJeA4Oi6t20JECBAgEBEQHBE2A0lQIAAAQJdAoKj6962JUCAAAECEQHBEWE3lAABAgQIdAkIjq5725YAAQIECEQEBEeE3VACBAgQINAlIDi67m1bAgQIECAQERAcEXZDCRAgQIBAl4Dg6Lq3bQkQIECAQERAcETYDSVAgAABAl0CgqPr3rYlQIAAAQIRAcERYTeUAAECBAh0CQiOrnvblgABAgQIRAQER4TdUAIECBAg0CUgOLrubVsCBAgQIBAREBwRdkMJECBAgECXgODourdtCRAgQIBAREBwRNgNJUCAAAECXQKCo+vetiVAgAABAhEBwRFhN5QAAQIECHQJCI6ue9uWAAECBAhEBARHhN1QAgQIECDQJSA4uu5tWwIECBAgEBEQHBF2QwkQIECAQJeA4Oi6t20JECBAgEBEQHBE2A0lQIAAAQJdAoKj6962JUCAAAECEQHBEWE3lAABAgQIdAkIjq5725YAAQIECEQEBEeE3VACBAgQINAlIDi67m1bAgQIECAQERAcEXZDCRAgQIBAl4Dg6Lq3bQkQIECAQERAcETYDSVAgAABAl0CgqPr3rYlQIAAAQIRAcERYTeUAAECBAh0CQiOrnvblgABAgQIRAQER4TdUAIECBAg0CUgOLrubVsCBAgQIBAREBwRdkMJECBAgECXgODourdtCRAgQIBAREBwRNgNJUCAAAECXQKCo+vetiVAgAABAhEBwRFhN5QAAQIECHQJCI6ue9uWAAECBAhEBARHhN1QAgQIECDQJSA4uu5tWwIECBAgEBEQHBF2QwkQIECAQJeA4Oi6t20JECBAgEBEQHBE2A0lQIAAAQJdAoKj6962JUCAAAECEQHBEWE3lAABAgQIdAkIjq5725YAAQIECEQEBEeE3VACBAgQINAlIDi67m1bAgQIECAQERAcEXZDCRAgQIBAl4Dg6Lq3bQkQIECAQERAcETYDSVAgAABAl0CgqPr3rYlQIAAAQIRAcERYTeUAAECBAh0CQiOrnvblgABAgQIRAQER4TdUAIECBAg0CUgOLrubVsCBAgQIBAREBwRdkMJECBAgECXgODourdtCRAgQIBAREBwRNgNJUCAAAECXQKCo+vetiVAgAABAhEBwRFhN5QAAQIECHQJCI6ue9uWAAECBAhEBARHhN1QAgQIECDQJSA4uu5tWwIECBAgEBEQHBF2QwkQIECAQJeA4Oi6t20JECBAgEBEQHBE2A0lQIAAAQJdAoKj6962JUCAAAECEQHBEWE3lAABAgQIdAkIjq5725YAAQIECEQEBEeE3VACBAgQINAlIDi67m1bAgQIECAQERAcEXZDCRAgQIBAl4Dg6Lq3bQkQIECAQERAcETYDSVAgAABAl0CgqPr3rYlQIAAAQIRAcERYTeUAAECBAh0CQiOrnvblgABAgQIRAQER4TdUAIECBAg0CUgOLrubVsCBAgQIBAREBwRdkMJECBAgECXgODourdtCRAgQIBAREBwRNgNJUCAAAECXQKCo+vetiVAgAABAhEBwRFhN5QAAQIECHQJCI6ue9uWAAECBAhEBARHhN1QAgQIECDQJSA4uu5tWwIECBAgEBEQHBF2QwkQIECAQJeA4Oi6t20JECBAgEBEQHBE2A0lQIAAAQJdAoKj6962JUCAAAECEQHBEWE3lAABAgQIdAkIjq5725YAAQIECEQEBEeE3VACBAgQINAlIDi67m1bAgQIECAQERAcEXZDCRAgQIBAl4Dg6Lq3bQkQIECAQERAcETYDSVAgAABAl0CgqPr3rYlQIAAAQIRAcERYTeUAAECBAh0CQiOrnvblgABAgQIRAQER4TdUAIECBAg0CUgOLrubVsCBAgQIBAREBwRdkMJECBAgECXgODourdtCRAgQIBAREBwRNgNJUCAAAECXQKCo+vetiVAgAABAhEBwRFhN5QAAQIECHQJCI6ue9uWAAECBAhEBARHhN1QAgQIECDQJSA4uu5tWwIECBAgEBEQHBF2QwkQIECAQJeA4Oi6t20JECBAgEBEQHBE2A0lQIAAAQJdAoKj6962JUCAAAECEQHBEWE3lAABAgQIdAkIjq5725YAAQIECEQEBEeE3VACBAgQINAlIDi67m1bAgQIECAQERAcEXZDCRAgQIBAl4Dg6Lq3bQkQIECAQERAcETYDSVAgAABAl0CgqPr3rYlQIAAAQIRAcERYTeUAAECBAh0CQiOrnvblgABAgQIRAQER4TdUAIECBAg0CUgOLrubVsCBAgQIBAREBwRdkMJECBAgECXgODourdtCRAgQIBAREBwRNgNJUCAAAECXQKCo+vetiVAgAABAhEBwRFhN5QAAQIECHQJCI6ue9uWAAECBAhEBARHhN1QAgQIECDQJSA4uu5tWwIECBAgEBEQHBF2QwkQIECAQJeA4Oi6t20JECBAgEBEQHBE2A0lQIAAAQJdAoKj6962JUCAAAECEQHBEWE3lAABAgQIdAkIjq5725YAAQIECEQEBEeE3VACBAgQINAlIDi67m1bAgQIECAQERAcEXZDCRAgQIBAl4Dg6Lq3bQkQIECAQERAcETYDSVAgAABAl0CgqPr3rYlQIAAAQIRAcERYTeUAAECBAh0CQiOrnvblgABAgQIRAQER4TdUAIECBAg0CUgOLrubVsCBAgQIBAREBwRdkMJECBAgECXgODourdtCRAgQIBAREBwRNgNJUCAAAECXQKCo+vetiVAgAABAhEBwRFhN5QAAQIECHQJCI6ue9uWAAECBAhEBARHhN1QAgQIECDQJSA4uu5tWwIECBAgEBEQHBF2QwkQIECAQJeA4Oi6t20JECBAgEBEQHBE2A0lQIAAAQJdAoKj6962JUCAAAECEQHBEWE3lAABAgQIdAkIjq5725YAAQIECEQEBEeE3VACBAgQINAlIDi67m1bAgQIECAQERAcEXZDCRAgQIBAl4Dg6Lq3bQkQIECAQERAcETYDSVAgAABAl0CgqPr3rYlQIAAAQIRAcERYTeUAAECBAh0CQiOrnvblgABAgQIRAQER4TdUAIECBAg0CUgOLrubVsCBAgQIBAREBwRdkMJECBAgECXgODourdtCRAgQIBAREBwRNgNJUCAAAECXQKCo+vetiVAgAABAhEBwRFhN5QAAQIECHQJCI6ue9uWAAECBAhEBARHhN1QAgQIECDQJSA4uu5tWwIECBAgEBEQHBF2QwkQIECAQJeA4Oi6t20JECBAgEBEQHBE2A0lQIAAAQJdAoKj6962JUCAAAECEQHBEWE3lAABAgQIdAkIjq5725YAAQIECEQEBEeE3VACBAgQINAlIDi67m1bAgQIECAQERAcEXZDCRAgQIBAl4Dg6Lq3bQkQIECAQERAcETYDSVAgAABAl0CgqPr3rYlQIAAAQIRAcERYTeUAAECBAh0CQiOrnvblgABAgQIRAQER4TdUAIECBAg0CUgOLrubVsCBAgQIBAREBwRdkMJECBAgECXgODourdtCRAgQIBAREBwRNgNJUCAAAECXQKCo+vetiVAgAABAhEBwRFhN5QAAQIECHQJCI6ue9uWAAECBAhEBARHhN1QAgQIECDQJSA4uu5tWwIECBAgEBEQHBF2QwkQIECAQJeA4Oi6t20JECBAgEBEQHBE2A0lQIAAAQJdAoKj6962JUCAAAECEQHBEWE3lAABAgQIdAkIjq5725YAAQIECEQEBEeE3VACBAgQINAlIDi67m1bAgQIECAQERAcEXZDCRAgQIBAl4Dg6Lq3bQkQIECAQERAcETYDSVAgAABAl0CgqPr3rYlQIAAAQIRAcERYTeUAAECBAh0CQiOrnvblgABAgQIRAQER4TdUAIECBAg0CUgOLrubVsCBAgQIBAREBwRdkMJECBAgECXgODourdtCRAgQIBAREBwRNgNJUCAAAECXQKCo+vetiVAgAABAhEBwRFhN5QAAQIECHQJCI6ue9uWAAECBAhEBARHhN1QAgQIECDQJSA4uu5tWwIECBAgEBEQHBF2QwkQIECAQJeA4Oi6t20JECBAgEBEQHBE2A0lQIAAAQJdAoKj6962JUCAAAECEQHBEWE3lAABAgQIdAkIjq5725YAAQIECEQEBEeE3VACBAgQINAlIDi67m1bAgQIECAQERAcEXZDCRAgQIBAl4Dg6Lq3bQkQIECAQERAcETYDSVAgAABAl0CgqPr3rYlQIAAAQIRAcERYTeUAAECBAh0CQiOrnvblgABAgQIRAQER4TdUAIECBAg0CUgOLrubVsCBAgQIBAREBwRdkMJECBAgECXgODourdtCRAgQIBAREBwRNgNJUCAAAECXQKCo+vetiVAgAABAhEBwRFhN5QAAQIECHQJCI6ue9uWAAECBAhEBARHhN1QAgQI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");
        }
        .draw .item {
            width: 150px;
            height: 150px;
            background-image: url("data:image/png;base64,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");
        }
        .draw .item.active {
           background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJcAAACWCAYAAADTwxrcAAAHuUlEQVR4Xu2cS2hcVRjH/9+ZRzIzd8ZHKiiNrQ+oCDVdmEJ1pzsRRBCrWBci+GhrXduFLhTUfW2oLSiCWh8VROhWd7poXDQpiAXRtilo29gm80hmJnM/OdNm2jznkftBzf3fTZvMOf+b78ePe8797k0EPRyqcJjBdgCPARiGYAsUGwHkAPT1EMkpNweBKoAyBOehOA1gFMBPyOCECMJuf0TpZoJWMAhgL4BdAO7uZi7H/q8JnAPwBYCDksVEp5V0JJdOYwBJvAvgFQCpTsM5bt0RqAM4gjm8IwVMtquurVxawU4AIwAG2oXx89gQ8GLtlSy+Xq3iFeVSRRKzOADF67FBxkK7IyA4hH7sE8HcchOXlUsVWczgGwBPdnc2jo4hgePIYKcIKotrXyJX84pVwfcQihVDUXorWXEcWTy9+Aq2VK4ZHIY2N+48SKBzAoIjksGrN05YIJdW8ByArzpP5EgSWEDgBcni6Px3WnJdazf8CSBPYCTQEwFFCSHukzwu+vktuRol96lz4Us9hXISCVwjEIbus0Rw1aOmXFrBJgD+quVIiQTWSMA/JrpXsjjblKtRdAddItyzxlBOJ4EmgbDhRhL5cK/4h9BalivilHstyhEJAQ2lKDm9VbSCRwD8HEkqQ0jgOoFHpXHFjbh0uJtUSCBKAmHNjUjjsht3feHWKIOZRQJh1Z2SxpSbcqmwQBwkECWBsO6mJSzJnDhNRBnMLBLQUBqiZej1ViqhkEBEBBTwd4saURxjSGABAcpFIcwIUC4ztAymXHTAjADlMkPLYMpFB8wIUC4ztAymXHTAjADlMkPLYMpFB8wIUC4ztAymXHTAjADlMkPLYMpFB8wIUC4ztAymXHTAjADlMkPLYMpFB8wIUC4ztAymXHTAjADlMkPLYMpFB8wIUC4ztAymXHTAjADlMkPLYMpFB8wIUC4ztAymXHTAjADlMkPLYMpFB8wIUC4ztAymXHTAjADlMkPLYMpFB8wIUC4ztAymXHTAjADlMkPLYMpFB8wIUC4ztAymXHTAjADlMkPLYMpFB8wIUC4ztAymXHTAj.........完整代码请登录后点击上方下载按钮下载查看