2013 年 6月随笔档案 - 计划

柯乐义猜数字游戏

摘要：游戏规则：柯乐义请您玩猜数字游戏。后台已经随机生成了一个100到999之间的数字。如果您能在10次之内猜出这个数字，则游戏成功，否则失败。请开始吧。SilverLight 猜数字游戏：http://keleyi.com/keleyi/phtml/silverlight/ 一次猜数字游戏：以下是代码：另外有SilverLight数字时钟：http://keleyi.com/keleyi/phtml/silverlight/1.htm另外有SilverLight数字时钟：http://keleyi.com/keleyi/phtml/silverlight/1.htm推荐一个HTML5特效：http 阅读全文

posted @ 2013-06-28 02:17 计划阅读(938) 评论(0) 推荐(0) 编辑

jquery插件图片延时加载实例详解

摘要：效果预览：http://keleyi.com/keleyi/phtml/image/index.htm使用方法：1.导入JS插件 2.在你的页面中加入如下的javascript： $("img").lazyload(); 这将会使所有的图片都延迟加载。当然插件还有几个配置项可供设置。 1.改变threshold $(“img”).lazyload({ threshold : 200 }); 把阀值设置成200 意思就是当图片没有看到之前先load 200像素。 2.当然了你也可以通过设置占位符图片和自定事件来触发加载图片事件复制代码代码如下:$("img&q 阅读全文

posted @ 2013-06-24 01:11 计划阅读(2695) 评论(0) 推荐(0) 编辑

div+css背景渐变色代码示例

摘要：用CSS使DIV背景颜色渐变,适用于IE和Chrome等浏览器。从黄到红示例：http://keleyi.com/keleyi/phtml/divcss/2.htm代码：用CSS是div颜色渐变：从绿到红keleyi.com 效果图：另外多浏览器兼容代码：FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#b8c4cb,endColorStr=#f6f6f8); /*IE*/background:-moz-linear-gradient(top,#b8c4cb,#f6f6f8);/. 阅读全文

posted @ 2013-06-23 01:56 计划阅读(13357) 评论(0) 推荐(0) 编辑

图片效果集合(js、jquery或html5)

摘要：1.jQuery HTML5 幻灯片使用支持HTML5的浏览器会有特殊效果，即切换图片时颜色的改变文章：http://keleyi.com/a/bjac/b8i3xdui.htm效果：http://keleyi.com/keleyi/phtml/html5/1.htm2. jQuery图片延迟加载一开始不加载实图，只用灰图占位，当图片出现在视线中才加载实图，减少对服务器的压力。效果网址：http://keleyi.com/keleyi/phtml/image/index.htm文章网址：http://keleyi.com/a/bjac/et551617.htm3.jquery使用ColorBo 阅读全文

posted @ 2013-06-20 22:56 计划阅读(2741) 评论(0) 推荐(0) 编辑

js实现右下角可关闭最小化div

摘要：本实例使用Javascript实现右下角可关闭最小化div，可以用于展示推荐内容，效果预览网址：http://keleyi.com/keleyi/phtml/xuanfudiv/3.htm效果图片：完整源代码： 1 <!DOCTYPE html PUBliC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xh 阅读全文

posted @ 2013-06-18 01:13 计划阅读(3971) 评论(0) 推荐(0) 编辑

js+div+css下拉导航菜单完整代码

摘要：效果预览：http://keleyi.com/keleyi/phtml/menu/1.htmjs+div+css下拉导航菜单完整代码:<!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>cs 阅读全文

posted @ 2013-06-15 21:41 计划阅读(1872) 评论(1) 推荐(1) 编辑

找到一个端午节赛龙舟的特效

摘要：可以在这里体验：http://keleyi.com/keleyi/phtml/duanwu/index.htm请把鼠标移动到大鼓上，然后选择三只龙舟中的一只，然后击鼓。源码和 ps文件下载：http://down.keleyi.com/source/duanwu.rar使用说明：1.把duanwu文件夹传到网站根目录或者其他目录2.在LOGO相应位置改为（自己调整LOGO路径和JS路径，还有CSS细节）<div id="m" style="float:left"><p id="lg"><img src= 阅读全文

posted @ 2013-06-12 13:46 计划阅读(1710) 评论(0) 推荐(0) 编辑

jquery ui dialog弹出div层对话框

摘要：jquery ui弹出div层对话框,效果预览:http://keleyi.com/keleyi/phtml/jui/dialog/index.htm以下是完整代码，保存到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& 阅读全文

posted @ 2013-06-09 13:34 计划阅读(38747) 评论(2) 推荐(1) 编辑

谷歌将推HTML5开发工具Google Web Designer

摘要：新浪科技讯北京时间6月5日早间消息，谷歌周二表示，该公司不久将推出专为“创意专业人士”打造的HTML5开发工具Google Web Designer。谷歌称，Google Web Designer将在“几个月内”发布，旨在“让创意专业人士能够打造一流的广告产品，制作网站和应用等Web内容，我们将免费提供给他们。”谷歌是在周二有关DoubleClick广告平台的一篇博文中提到这一消息的，该公司发言人表示，Web Designer其实是一款独立产品，专门为创意机构和设计师量身打造。谷歌指出，Web Designer将会同DoubleClick Studio和AdMob进行整合。业内人士认.. 阅读全文

posted @ 2013-06-05 17:38 计划阅读(642) 评论(0) 推荐(0) 编辑

添加强类型视图

摘要：在MVC模型中，控制器与视图之间的数据传输可以通过ViewBag，例如@ViewBag.Keleyi也可以使用模型类实现强类型传输，例如：@model Keleyi.Com.Model.MessageInfo这是在KeleyiCMS项目中，回复留言是采用的方法。KeleyiCMS是一个开源项目,是用功能强大和现在热门的ASP.NET MVC和Entity Framework搭建。更多信息请访问http://keleyi.com/menu/cms/强类型的好处是可以在编译的时候就进行赋值的检查，如果赋值类型不匹配的话，编译器将报错，这就保证了类型的安全性。详细可以参考泛型：http://kele 阅读全文

posted @ 2013-06-04 15:01 计划阅读(3601) 评论(1) 推荐(0) 编辑

jquery实现文字向上滚动

摘要：使用jQuery实现单行文字间歇向上滚动效果网址:http://keleyi.com/keleyi/phtml/textscroll.htm本效果加强版：http://keleyi.com/a/bjac/532bedbffca1affa.htm主要增加了光标悬停效果以下是源代码：jquery特效单行文字向上滚动(有间歇)菜单滚动至顶部后固定jquery使用ColorBox弹出图片组浏览层jquery右下角滑动弹出可关闭重现层jquery清空textarea等输入框解析：使用$('li')将匹配到的是多个li元素的集合。如果要指定获取第一个li元素，那么可以使用“:first” 阅读全文

posted @ 2013-06-01 00:08 计划阅读(1647) 评论(2) 推荐(0) 编辑