选美大赛示例你会选谁

使用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

选美大赛示例你会选谁相关推荐

TOJ 4095: love168yk的选美大赛
4095: love168yk的选美大赛 Time Limit(Common/Java):1000MS/3000MS Memory Limit:65536KByte Total Submit ...
中国助农网红直播大赛深圳赛区·海选启航仪式圆满举行
8月30日下午,2020鹏城八月欢乐游购暨礼享罗湖之东门国潮时尚消费嘉年华."鹏城荟聚·爱心接力"中国助农网红直播大赛深圳赛区·海选启航仪式在罗湖区迎宾花园广场隆重举行.这次活动由 ...
HURST 1116：选美大赛（LIS+路径输出）
选美大赛 Time Limit: 1000 MS Memory Limit: 65536 K Total Submit: 1099(318 users) Total Accepted: 349(252 ...
PPT动画制作选美大赛
第一届中国全民选美大赛报名正式启动一.大赛简介第一届中国全民选美大赛报名正式启动.大赛以"其实你很美"为主题,为所有热爱美.追求美的女士搭建展示风采.挑战自我的平台.选手将有机 ...
POj2187 【模板】旋转卡壳 / 选美大赛
POj2187 [模板]旋转卡壳 / 选美大赛题目描述农夫约翰奖的牛贝西(Bessie)刚刚在牛选美比赛中获得第一名,并获得了"牛世界小姐"的头衔.结果,贝茜将参观世界各地的N ...
全国青少年信息素养大赛2023年python·选做题模拟一卷
目录原题文档下载打印做题: 全国青少年电子信息智能创新大赛 python·选做题模拟一卷一.单选题 1. 下面程序执行完毕后,最终的结果是?( ) a=[34,17,7,48,10,5] b=[] ...
HTML购物车示例（勾选、删除、添加和结算功能）
以下是一个简单的HTML购物车示例,包含勾选.删除.添加和结算功能.结算功能使用PHP实现,可以获取选中商品的ID. 以下是一个简单的HTML购物车示例,包含勾选.删除.添加和结算功能.结算功能使用P ...
php 大数相加,吉首大学第九届＂新星杯＂大学生程序设计大赛(示例代码)
A: 直接打表所有可以到达的点就可以了 1 #include 2 #include 3 #include 4 #include 5 #include 6 #include 7 #include 8 # ...
首届《Mr媛杯》程序媛选帅大赛开幕
点击欧盟IT那些事关注我们公告:因企鹅审核规定,本公众号从<德国IT那些事>更名为<欧盟IT那些事>. 你们要的比赛来了.宣传防骗,人人有责,让骗子无人可骗. 近期在德国 ...

选美大赛示例你会选谁

选美大赛示例你会选谁相关推荐

最新文章

热门文章

选美大赛示例 你会选谁

选美大赛示例 你会选谁相关推荐

最新文章

热门文章

选美大赛示例你会选谁

选美大赛示例你会选谁相关推荐