jquery给dom元素增加魔幻星星粒子效果代码

代码语言:html

所属分类:粒子

代码描述:jquery给dom元素增加魔幻星星粒子效果代码

代码标签: 元素 增加 魔幻 星星 粒子 效果

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

<!DOCTYPE html>

<html>



<head>



    <meta charset="UTF-8">



    <title></title>



    <style>

        /*! normalize.css v2.1.2 | MIT License | git.io/normalize */



        /* ==========================================================================

   HTML5 display definitions

   ========================================================================== */



        /**

 * Correct `block` display not defined in IE 8/9.

 */



        article,

        aside,

        details,

        figcaption,

        figure,

        footer,

        header,

        hgroup,

        main,

        nav,

        section,

        summary {

            display: block;

        }



        /**

 * Correct `inline-block` display not defined in IE 8/9.

 */



        audio,

        canvas,

        video {

            display: inline-block;

        }



        /**

 * Prevent modern browsers from displaying `audio` without controls.

 * Remove excess height in iOS 5 devices.

 */



        audio:not([controls]) {

            display: none;

            height: 0;

        }



        /**

 * Address styling not present in IE 8/9.

 */



        [hidden] {

            display: none;

        }



        /* ==========================================================================

   Base

   ========================================================================== */



        /**

 * 1. Set default font family to sans-serif.

 * 2. Prevent iOS text size adjust after orientation change, without disabling

 *    user zoom.

 */



        html {

            font-family: sans-serif;
            /* 1 */

            -ms-text-size-adjust: 100%;
            /* 2 */

            -webkit-text-size-adjust: 100%;
            /* 2 */

        }



        /**

 * Remove default margin.

 */



        body {

            margin: 0;

        }



        /* ==========================================================================

   Links

   ========================================================================== */



        /**

 * Address `outline` inconsistency between Chrome and other browsers.

 */



        a:focus {

            outline: thin dotted;

        }



        /**

 * Improve readability when focused and also mouse hovered in all browsers.

 */



        a:active,

        a:hover {

            outline: 0;

        }



        /* ==========================================================================

   Typography

   ========================================================================== */



        /**

 * Address variable `h1` font-size and margin within `section` and `article`

 * contexts in Firefox 4+, Safari 5, and Chrome.

 */



        h1 {

            font-size: 2em;

            margin: 0.67em 0;

        }



        /**

 * Address styling not present in IE 8/9, Safari 5, and Chrome.

 */



        abbr[title] {

            border-bottom: 1px dotted;

        }



        /**

 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.

 */



        b,

        strong {

            font-weight: bold;

        }



        /**

 * Address styling not present in Safari 5 and Chrome.

 */



        dfn {

            font-style: italic;

        }



        /**

 * Address differences between Firefox and other browsers.

 */



        hr {

            -moz-box-sizing: content-box;

            box-sizing: content-box;

            height: 0;

        }



        /**

 * Address styling not present in IE 8/9.

 */



        mark {

            background: #ff0;

            color: #000;

        }



        /**

 * Correct font family set oddly in Safari 5 and Chrome.

 */



        code,

        kbd,

        pre,

        samp {

            font-family: monospace, serif;

            font-size: 1em;

        }



        /**

 * Improve readability of pre-formatted text in all browsers.

 */



        pre {

            white-space: pre-wrap;

        }



        /**

 * Set consistent quote types.

 */



        q {

            quotes: "\201C" "\201D" "\2018" "\2019";

        }



        /**

 * Address inconsistent and variable font size in all browsers.

 */



        small {

            font-size: 80%;

        }



        /**

 * Prevent `sub` and `sup` affecting `line-height` in all browsers.

 */



        sub,

        sup {

   .........完整代码请登录后点击上方下载按钮下载查看

网友评论0