jquery实现手机端移动端带音乐播放的投票页面效果代码-html代码-BFW代码库

jquery实现手机端移动端带音乐播放的投票页面效果代码

代码语言：html

代码描述：jquery实现手机端移动端带音乐播放的投票页面效果代码

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!doctype html>

<html class="">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/boilerplate.css">
    <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/sweet-alert.css">
    <style>
@charset "utf-8";
        /* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/
*/
        img, object, embed, video {
            max-width: 100%;
        }
        a {
            text-decoration: none;
        }
        input::-webkit-outer-spin-button,
        input::-webkit-inner-spin-button {
            -webkit-appearance: none;
        }

        /* IE 6 does not support max-width so default to width 100% */
        .ie6 img {
            width: 100%;
        }
@font-face {
            font-family: 'AlluraRegular';
            src: url('CornDog.ttf');
            src: url('CornDog.ttf') format('truetype');
        }
        body {
            font-family: "微软雅黑";
        }

        .fluid {
            text-align: center;
            clear: both;
            margin-left: 0;
            width: 100%;
            float: left;
            display: block;
        }

        .fluidList {
            list-style: none;
            list-style-image: none;
            margin: 0;
            padding: 0;
        }
        .btn {
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            border-radius: 10px;
            -webkit-box-shadow: 2px 2px 8px rgba(0,0,0,0.2);
            -moz-box-shadow: 2px 2px 8px rgba(0,0,0,0.2);
            box-shadow: 2px 2px 8px rgba(0,0,0,0.2);
        }
        .search_text {

            width: 70%;
            padding: 0.46em;
            -webkit-padding: 0.46em;
            -moz-padding: 0.46em;
            border-radius: 5px 0px 0px 5px;
            -webkit-border-radius: 5px 0px 0px 5px;
            -moz-border-radius: 5px 0px 0px 5px;

            border: 1px solid #fff;
            line-height: 1.5em;
            vertical-align: middle;
        }
        .search {

            padding: 0.4em;
            -webkit-padding: 0.4em;
            -moz-padding: 0.4em;
            border-radius: 0 5px 5px 0px;
            -webkit-border-radius: 0 5px 5px 0px;
            -moz-border-radius: 0 5px 5px 0px;
            vertical-align: middle;

            /*  border: 2px solid #fff;
    color: rgb(195, 13, 35);
    background-color: #fff;*/
            border: 2px solid #fff;
            color: #fff;
            background-color: rgb(195, 13, 35);
            font-family: "微软雅黑";
            line-height: 1.5em;
        }
        .pages {
            text-align: center;
            line-height: 4em;
        }
        .pages a {
            text-decoration: none;
            color: #fff;
            displ.........完整代码请登录后点击上方下载按钮下载查看