使用jQuery编的选美大赛示例，效果请看：http://keleyi.com/keleyi/phtml/topic/ 你选了谁呢
以下是HTML文件代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>jquery柯乐义选美大赛-柯乐义</title> <link rel="Stylesheet" href="http://keleyi.com/keleyi/phtml/topic/index/keleyixuanmei.css" /> <link rel="stylesheet" href="http://keleyi.com/keleyi/pmedia/jquery/ui/1.10.3/css/eggplant/jquery-ui.min.css" /> <script type="text/javascript" src="http://keleyi.com/keleyi/pmedia/jquery/jquery-1.10.2.min.js"></script> <script src="http://keleyi.com/keleyi/phtml/jqplug/3/keleyijs.js" type="text/javascript"></script> <script src="http://keleyi.com/keleyi/pmedia/jquery/ui/1.10.3/js/jquery-ui-1.10.3.min.js" type="text/javascript"></script> </head> <body> <div style="width:860px;margin:0px auto;text-align:center;"> <h1>柯乐义·选美大赛</h1> <div>使用排除法选美。要先排除哪位选手，就双击她的图片，最后剩下的就是冠军。<a href ="http://keleyi.com/a/bjac/xkqqoac2.htm" target="_blank">原文</a></div> <div id="select-keleyi-com"> <ul> <li><img src="http://keleyi.com/image/a/mdvii14p.jpg" keleyichoice="http://keleyi.com/image/a/5tgcl2rf.jpg" alt="" /></li> <li><img src="http://keleyi.com/image/a/968oqhtf.jpg" keleyichoice="http://keleyi.com/image/a/ib7jhc5g.jpg" alt="" /></li> <li><img src="http://keleyi.com/image/a/pv247yqk.jpg" keleyichoice="http://keleyi.com/image/a/iqoe02d1.jpg" alt="" /></li> <li><img src="http://keleyi.com/image/a/crgi0c5y.jpg" keleyichoice="http://keleyi.com/image/a/fsw6bvki.jpg" alt="" /></li> <li><img src="http://keleyi.com/image/a/30nfiqwo.jpg" keleyichoice="http://keleyi.com/image/a/na2ouhst.jpg" alt="" /></li> <li><img src="http://keleyi.com/image/a/txqve5vj.jpg" keleyichoice="http://keleyi.com/image/a/01i4pfnm.jpg" alt="" /></li> <li><img src="http://keleyi.com/image/a/oo0coq69.jpg" keleyichoice="http://keleyi.com/image/a/vnb53fg9.jpg" alt="" /></li> <li><img src="http://keleyi.com/image/a/iuy95nqp.jpg" keleyichoice="http://keleyi.com/image/a/4mpr7wo9.jpg" alt="" /></li> </ul> </div> </div> <div id="dialog-keleyi-com" title="柯乐义选美大赛冠军"> <p><img id="champion-keleyi-com" src="" alt="柯乐义选美大赛冠军" /></p> <p>谢谢选择我为柯乐义选美大赛冠军，祝您幸运！</p> </div> <script type="text/javascript" src="http://keleyi.com/keleyi/phtml/topic/index/keleyixuanmei.js"></script> </body> </html>
本示例使用了jquery ui dialog，请参考：http://keleyi.com/a/bjac/5939d3b2c920ff6d.htm
以及jQuery删除元素往外飞，请参考：http://keleyi.com/a/bjac/fds76xqw.htm
原文：http://keleyi.com/a/bjac/xkqqoac2.htm
Web前端资源：http://www.cnblogs.com/jihua/p/webfront.html
分类:
Javascript
, jquery
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· Linux系列：如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列（二）：开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识（上）
· 阿里最新开源QwQ-32B，效果媲美deepseek-r1满血版，部署成本又又又降低了！
· 单线程的Redis速度为什么快？
· SQL Server 2025 AI相关能力初探
· AI编程工具终极对决：字节Trae VS Cursor，谁才是开发者新宠？
· 展开说说关于C#中ORM框架的用法！