Implement the special character beating Effect Based on jQuery + CSS3, jquerycss3

Implement the special character beating Effect Based on jQuery + CSS3, jquerycss3

This article shares a special character beating Effect Based on jQuery + CSS3. This is a CSS 3 animation special effect code similar to gif images. As follows:

Download Online Preview source code

Implementation code.

Html code:

<Div class = "charector-wrap" id = "js_wrap"> <div class = "charector"> </div> <a class = "run-xfast" href = "# none"> fastest </a> <a class = "run-fast" href = "# none"> fast </a> <a class = "run- normal "href =" # none "> normal </a> <a class =" run-slow "href =" # none "> slow </a> <button class =" btn-paused "> pause </button> <script type =" text/javascript "src =" js/jquery-1.7.2.min.js "> </script> <script type =" text/javascript"> $ (document ). ready (function () {$ (""). on ("click", function (e) {$ ("# js_wrap "). find (". charector-wrap "). removeClass ("paused"); $ ("# js_wrap "). attr ("class", "charector-wrap" + classes (e.tar get ). attr ("class "). split ("-") [1])}) $ (". btn-paused "). click (function () {$ ("# js_wrap "). addClass ("paused") ;}}) </script>

Via: http://www.w2bc.com/Article/38336