jQuery-ui.js 简单的拼图游戏/人类识别UI

Puzzle Piece Human Identifier。可用于识别真实的人类用户而不是作弊机。可用于防止自动注册机。

puzzle, jquery

《three.js使用多个渐变torus模拟光环光晕》申请公开！

第三方库
作品简介 3950
作品推荐
使用帮助
常用链接

HTML
CSS
JavaScript
Result

编译

JavaScript

编译

CSS

/* Using a lot of position:absolute just to prototype the idea */

body {
    font-family: Helvetica, Arial, sans-serif;
    margin: 2em 3em;
}
h1 {
    font-size: 1.5em;
    line-height: 1.5em;
    padding: 0;
}
h2 {
    font-size: 1.2em;
    line-height: 1em;
    margin-top: -1em;
    color: #999;
}
.jigsaw1 {
    width: 134px;
    height: 52px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIYAAAA0CAMAAAB4pbDdAAAAY1BMVEUAAAD///////////////////////////////////////////////////////////8AAAAQEBAgICAwMDBAQEBQUFBgYGBwcHCAgICPj4+fn5+vr6+/v7/Pz8/f39/v7+/////ZChnYAAAAEHRSTlMAECAwQFBgcICPn6+/z9/vIxqCigAAAU1JREFUeNrt1smOhCAQgOEScRkGBZSmcUF4/6ecMTFhJr2dxDrw38rTpzFQ8KqCnl4Jn6N+PTsvGP3IWOXpjZPn5DpGTE2iupARM6HGwJBGlBgY0nYoGNLVKBi3HgVDbiUKxtyiYJhvFAzNMyMz3jFK1ofuuyHXMmpvR6nNEngFsSoxg4TxuPvvWx9P968pLYPZOJutP75I0eu0DDFI+RfC6c5gq0zKKLc4HpCuqblTSRnPfkUzL3cl0zJaK5+WGZnRLA9PldZDYsbj3THMvuNhSswogvqPCIwAkM6mZQA3cVbW/yL2SBjSMqpNHdMw7Ygjdk/LAOb2F1dmCREBUC+JGdAKt7rAm+LqJZBSmnfRzMiMl91wMGyLguEqDIxBFBgYMwMEDC0IAobyDVzPUI7B9QztGVzOGGdRw3uG0ydnp020Bbyv5GfH2rjk/ABjZXcnvEVC0AAAAABJRU5ErkJggg==) no-repeat;
    cursor: pointer;
    position: absolute;
    top: 100px;
    left: 265px;
    z-index: 50;
}
.jigsaw2 {
    width: 110px;
    height: 52px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG4AAAA0CAMAAABckP1YAAAAY1BMVEUAAAD///////////////////////////////////////////////////////////8AAAAQEBAgICAwMDBAQEBQUFBgYGBwcHCAgICPj4+fn5+vr6+/v7/Pz8/f39/v7+/////ZChnYAAAAEHRSTlMAECAwQFBgcICPn6+/z9/vIxqCigAAATtJREFUeNrt1styhCAQQNEGGcQXgq9RROH/vzJaM6MVK9vuVFLeJZtTvWkazrhAjx9WpqPHblUvjGXR9Qa98cUllW+MoeKS2hlDxrHKGUIu84aQ46Gh5PLJUHJ1Q8mJ1VByqSPl1HhzN/ebXD+H6N1gaTinJWciraJrCbhBs8+RUPvueF4eONwq4BNTtX9P2NYMhWs17J2g2/eyXRSgcM8c4ALOw3PNAYebFFxiaZFLQOK8gJ+6uT/AzSlc40IwLG5UF0wU0S+1ROL66jtWhtEa04UHDmcDPzGeb9h7k+JwZiqOyQ5sa01wOLvkbB8srU5sy2H9d9bFstRhHqiOB9t17X0a/S9uIuWEJ+VYtJQclAMpJ1dSDqqRlEtiR8mBDC0lBzI+KTlItO/puC2pgxv7Djen4ChJsxI7+QUddlLIFPIPQAAAAABJRU5ErkJggg==) no-repeat;
    position: absolute;
    top: 100px;
    left: 50px;
    z-index: 20;
}
.dropzone {
    width: 134px;
    height: 52px;
    position: absolute;
    top: 100px;
    left: 134px;
}
.submit {
    width: 217px;
    height: 52px;
    -webkit-border-radius: 1.2em !important;
    -moz-border-radius: 1.2em !important;
    border-radius: 1.2em !important;
    text-shadow: none !important;
    border: none !important;
    box-shadow: none !important;
    background: #00e600;
    z-index: 0;
    cursor: pointer;
    position: absolute;
    top: 100px;
    left: 50px;
    display: block;
}
.submit span {
    font-size: 1.5em;
}
.disnone {
    display: none;
}

HTML

Puzzle Piece Human Identifier。可用于识别真实的人类用户而不是作弊机。可用于防止自动注册机。

puzzle, jquery

编辑器支持Emmet

快捷键

Puzzle Piece Human Identifier。 可用于识别真实的人类用户而不是作弊机。可用于防止自动注册机。

puzzle, jquery

animate-css-grid构建的拼图小游戏

jQuery 不错的一款带图标手风琴导航菜单

编辑器支持Emmet

快捷键

语言：

语言：

导入代码模板：

Puzzle Piece Human Identifier。可用于识别真实的人类用户而不是作弊机。可用于防止自动注册机。