介绍10个基于jQuery开发的Web游戏

openkk 13年前
     大家都知道JQuery能够创建类似于Flash的动画和漂亮的导航菜单。下面介绍一些基于jQuery开发的经典小游戏。    <br />    <div id="single-content">     <h2 style="text-align:center;">1. Tunnel</h2>     <div style="text-align:center;"></div>     <p style="text-align:center;"><a title="Tunnel" href="/misc/goto?guid=4958183931554393822" target="_blank" float:left;="">Play here</a></p>     <div style="text-align:center;"></div>     <p style="text-align:center;"><a href="/misc/goto?guid=4958183932306474692" rel="wp-prettyPhoto[g1760]"><img title="tunnel-jquery-game.jpg" border="0" alt="tunnel- jquery-game.jpg" src="https://simg.open-open.com/show/3e8ff2adb6de6c5801aa78ba5af64e4b.jpg" /></a></p>     <div style="text-align:center;"></div>     <h2 style="text-align:center;">2. Cubescape</h2>     <div style="text-align:center;"></div>     <p style="text-align:center;"><a title="Cubescape" href="/misc/goto?guid=4958183933054536933" target="_blank" float:left;="">Play here</a></p>     <div style="text-align:center;"></div>     <p style="text-align:center;"><a href="/misc/goto?guid=4958183933811555133" rel="wp-prettyPhoto[g1760]"><img title="cubescape-jquery-game.jpg" border="0" alt="cubescape-jquery-game.jpg" src="https://simg.open-open.com/show/e4e301b54207e04784c1376cdfd7ffef.jpg" /></a></p>     <div style="text-align:center;"></div>     <h2 style="text-align:center;">3. Memory Game</h2>     <div style="text-align:center;"></div>     <p style="text-align:center;"><a title="Memory Game" href="/misc/goto?guid=4958183934594465568" target="_blank" float:left;="">Play here</a></p>     <div style="text-align:center;"></div>     <p style="text-align:center;"><a href="/misc/goto?guid=4958183935361709135" rel="wp-prettyPhoto[g1760]"><img title="memory-game.jpg" border="0" alt="memory- game.jpg" src="https://simg.open-open.com/show/fb518eb28f15495602d4ee315fb838d0.jpg" /></a></p>     <div style="text-align:center;"></div>     <h2 style="text-align:center;">4. Roller</h2>     <div style="text-align:center;"></div>     <p style="text-align:center;"><a title="Roller Camera" href="/misc/goto?guid=4958183936103977089" target="_blank" float:left;="">Play here</a></p>     <div style="text-align:center;"></div>     <p style="text-align:center;"><a href="/misc/goto?guid=4958183936852980163" rel="wp-prettyPhoto[g1760]"><img title="roller-jquery-game.jpg" border="0" alt="roller- jquery-game.jpg" src="https://simg.open-open.com/show/562b86e7d2f1f8e233d00e895ac65bbe.jpg" /></a></p>     <div style="text-align:center;"></div>     <h2 style="text-align:center;">5. Image Puzzle</h2>     <div style="text-align:center;"></div>     <p style="text-align:center;"><a title="Image Puzzle" href="/misc/goto?guid=4958183937596549083" target="_blank" float:left;="">Play here</a></p>     <div style="text-align:center;">      <br />      <a href="https://simg.open-open.com/show/17dc76216b865e80f3d4253c8d326779.jpg" rel="wp-prettyPhoto[g1760]"><img title="image-puzzle-jquery-game.jpg" border="0" alt="image-puzzle-jquery-game.jpg" src="https://simg.open-open.com/show/a94668f04ffbb8e22f8ed3af0261cff6.jpg" /></a>      <br />     </div>     <h2 style="text-align:center;">6. Snacky</h2>     <div style="text-align:center;"></div>     <p style="text-align:center;"><a title="Snacky" href="/misc/goto?guid=4958183938341086383" target="_blank" float:left;="">Play here</a></p>     <div style="text-align:center;"></div>     <p style="text-align:center;"><a href="/misc/goto?guid=4958183939079895368" rel="wp-prettyPhoto[g1760]"><img title="snacky-jquery-game.jpg" border="0" alt="snacky- jquery-game.jpg" src="https://simg.open-open.com/show/0123b785ecd10aebf44535d173706408.jpg" /></a></p>     <div style="text-align:center;"></div>     <h2 style="text-align:center;">7. Mine Sweeper</h2>     <div style="text-align:center;"></div>     <p style="text-align:center;"><a title="Mine Sweeper" href="http://www.bennadel.com/resources/demo/mine_sweeper/index.cfm?    rows=10&cols=10&bombs=10%25" target="_blank" float:left;="">Play here</a></p>     <div style="text-align:center;"></div>     <p style="text-align:center;"><a href="/misc/goto?guid=4958183940563722655" rel="wp-prettyPhoto[g1760]"><img title="minesweeper-jquery-game.jpg" border="0" alt="minesweeper-jquery-game.jpg" src="https://simg.open-open.com/show/6c8f0ad35ddecbf2569ba3b89e7c0c9c.jpg" /></a></p>     <div style="text-align:center;"></div>     <h2 style="text-align:center;">8. Character Fall</h2>     <div style="text-align:center;"></div>     <p style="text-align:center;"><a title="Character Fall" href="/misc/goto?guid=4958183941296758525" target="_blank" float:left;="">Play here</a></p>     <div style="text-align:center;"></div>     <p style="text-align:center;"><a href="/misc/goto?guid=4958183942034329094" rel="wp-prettyPhoto[g1760]"><img border="0" alt="" src="https://simg.open-open.com/show/2e681d5076cfa25c630e8e8005ae641d.jpg" /><br /> </a></p>     <div style="text-align:center;"></div>     <h2 style="text-align:center;">9. Mad Libs</h2>     <div style="text-align:center;"></div>     <p style="text-align:center;"><a title="Mad Libs" href="/misc/goto?guid=4958183942775180571" target="_blank" float:left;="">Play here</a></p>     <div style="text-align:center;"></div>     <p style="text-align:center;"><a href="/misc/goto?guid=4958183943543548871" rel="wp-prettyPhoto[g1760]"><img title="mind-libs-jquery-game.jpg" border="0" alt="mind -libs-jquery-game.jpg" src="https://simg.open-open.com/show/a9b7491a9c8082a1e5bf0e1d29b76a43.jpg" /></a></p>     <div style="text-align:center;"></div>     <h2 style="text-align:center;">10. Sudoku</h2>     <div style="text-align:center;"></div>     <p style="text-align:center;"><a title="Sudoku" href="/misc/goto?guid=4958183944275674292" target="_blank" float:left;="">Play here</a></p>     <div style="text-align:center;"></div>     <p style="text-align:center;"><a href="/misc/goto?guid=4958183945028574150" rel="wp-prettyPhoto[g1760]"><img title="sudoku-jquery-game.jpg" border="0" alt="sudoku- jquery-game.jpg" src="https://simg.open-open.com/show/1e25356fcf235165aedee691f07ae505.jpg" /></a></p>    </div>