怎么能够活下来
- 插件写好了，代码公开了，不是就代表就完成了，真的有人使用和反馈，才能体现出来它的意义和价值，才有可能存活下来。
- 仅仅完成代码，只是其中的一小部分工作，也不是花费时间最多的地方，更多的时间用在，写用例和完善说明文档，还要为它做一个公开的网站（网站页面的布局，内容的分类整理，几乎相当于建立了一个小的个人网站），这样有了一个公开的获取最新代码的地址，再加上反馈会更好，信息的交流也是必不可少。
- 我选择了github，它为以上的一切思路和功能的实现提供了环境。
- 能不能活下来不知道，反正我做了我该做的。
夸它两句
- 简单、精致、够用，是我最初的想法。
- 结构简单，样式简洁，没有使用图片，更换皮肤很轻松，代码结构也清晰易懂。
- 兼容性考虑了人见人恨的IE6。
- 支持多级弹出
- 支持拖拽
- 支持动态调整尺寸
- 支持静止定位
- 支持高度与宽度自适应内容
小样
用或不用，能用或不能用，看一眼：
地址
准备了好长时间，看过以后回来说两句。
一切尽在 purebox
本文链接
本示例使用Jquery的ColorBox插件弹出图片组浏览层。效果预览网址：http://www.keleyi.com/keleyi/phtml/colorbox/
以下是本效果的完整代码，将以下代码保存到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>使用ColorBox弹出图片组浏览层</title>
<link rel="stylesheet" href="http://www.keleyi.com/keleyi/phtml/colorbox/colorbox.css" />
<script type="text/javascript" src="http://www.keleyi.com/keleyi/pmedia/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="http://www.keleyi.com/keleyi/phtml/colorbox/jquery.colorbox-min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".keleyi_com").colorbox({ rel: 'group1', transition: "none", innerWidth: '700px' });
});
</script>
</head>
<body>
<div >
请点击下面链接，即可在弹出层显示图片组。
<p><a href="/keleyi/phtml/picnext/images/k02.jpg" title="菊花">图片一</a></p>
<p><a href="/keleyi/phtml/picnext/images/k03.jpg" title="开心">图片二</a></p>
<p><a href="/keleyi/phtml/picnext/images/k05.jpg" title="宋慧乔">图片三</a></p>
<p><a href="/keleyi/phtml/picqiehuan/p3.jpg" title="梦想">图片四</a></p>
</div></body>
</html>
本文转载自柯乐义http://www.keleyi.com/a/bjac/141932b419e08101.htm
本文链接
在第一部分中介绍了如何使用ASP.net Web API和Entity Framework实现服务器端程序，这篇博客将讲述如何使用JQuery从服务器获取数据并利用WebGL/Three.Js来实现浏览器端魔幻球的渲染。
本文地址：http://www.cnblogs.com/junqilian/archive/2013/03/14/2958698.html
这部分比较简单，就是一个html页面，为了方便，我就利用服务器端ASP.NET MVC中的view – index.cshtml好了。在这个文件中我要添加一些Javascript代码来以REST的方式从服务器获取数据，然后渲染魔幻球。Web页面中利用JavaScript与服务器进行通信，JQuery是很好的选择，实际上JQuery也已经包含在了ASP.NET MVC里面。对于WebGL的渲染，我选用了一个流行的类库Three.Js。类库和源码都可以从GitHub上下载。 里面包含好多示例，是理解和应用Three.Js很好的学习资料。
大家也看到了，这个程序的界面非常简单，就是一个下拉框用来选择用户，还有一个div标签作为魔幻球的渲染容器：
<div id="body"><section >
<div >
<div>
<select id="sel_userName" >
<option value="All_Users">Select a User Name</option>
</select>
</div>
</div>
</section>
<section >
>
<div id="Containner" ></div>
</section>
</div>
首先在document Ready的时候从服务器请求可用的用户列表。这里我使用JQuery发送Ajax请求到“api/AcadCommands”来获取所有的用户命令统计数据，然后从中选择用户名。当然这样效率是不高的，更好的应该是在服务器端实现一个action只返回可用的用户列表就行了。如果你感兴趣，可以自己实现这部分做练习。
$(document).ready(function () {
// Send an AJAX request
$.getJSON("api/AcadCommands/",
function (data) {
// On success, 'data' contains a list of UserCommandsHits.
$.each(data,