文字翻转打字机特效插件.zip_文字翻转打字机特效插件

<!DOCTYPE html> <html lang="zh" class="demo1 no-js"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" type="text/css" href="css/default.css" />  <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.flipping_text.js"></script> <link rel="stylesheet" type="text/css" href="css/style.css" /> <link rel="stylesheet" type="text/css" href="css/elusive-webfont.css" /> <script src="js/modernizr.js"></script> </head> <body class="demo1"> <div class="header"> <h1>jQuery Flipping Text: Schedule Intro </h1> <div class="menu"> <a href="index.html" rel='nofollow' onclick='return false;'>Demo 1</a> <a href="index2.html" rel='nofollow' onclick='return false;'>Demo 2</a> <a href="index3.html" rel='nofollow' onclick='return false;'>Demo 3</a> <a href="index4.html" rel='nofollow' onclick='return false;'>Demo 4</a> <a class="active" href="index5.html" rel='nofollow' onclick='return false;'>Demo 5</a> </div> </div> <div class="main"> <div class="page_container"> <div class="left_col"> <h2 class="intro">The society based on production</h2> <h3 data-delay="3000" class="intro">is only productive, not creative</h3> </div> <div class="right_col"> <h2 data-delay="3000" class="intro">The monotony and solitude of</h2> <h3 data-delay="3000" class="intro"> a quiet life stimulates the creative mind.</h3> </div> <div class="left_col"> <h2 data-delay="3000" class="intro">A creative man is motivated by the desire to achieve</h2> <h3 data-delay="3000" class="intro">not by the desire to beat others.</h3> </div> <div class="right_col"> <h2 data-delay="3000" class="intro">Photography is more than a medium.</h2> <h3 data-delay="3000" class="intro">It is a creative art.</h3> </div> </div> </div> <script type="text/javascript"> $(document).ready( function() { $(".intro").flipping_text(); }); </script> </body> </html>