博客园_Cauma_分类_JavaScript特效http://feed.cnblogs.com/blog/u/40693/category/252177/rss2012-05-29T22:34:22Zfeed.cnblogs.comhttp://www.cnblogs.com/bluedream2009/archive/2010/10/26/1861862.html无依赖Ajax时钟[代码]2010-10-26T12:30:00Z2010-10-26T12:30:00ZBlueDreamhttp://www.cnblogs.com/bluedream2009/http://www.cnblogs.com/bluedream2009/archive/2010/07/09/1774651.htmljavascript气泡碰撞(Chrome, FF更佳)【实例演示】【程序源码】【说明】程序效率出现了很大瓶颈.需要做的优化还有很多.有时间继续完善.如果IE下在博客演示慢.可将实例下载到本地.另：感谢罗浮宫群友逍遥君武和豪情对图片的支持。【源码下载】screenBubble2010-07-09T15:07:00Z2010-07-09T15:07:00ZBlueDreamhttp://www.cnblogs.com/bluedream2009/http://www.cnblogs.com/bluedream2009/archive/2010/07/06/1772467.htmljavascript淘宝评星简版【实例演示】你对我人品的评价:20406080100【程序源码】这个效果主要体现在CSS和javascript的配合上CSS代码HTML结构Javascript代码【源码下载】TB-Star2010-07-06T13:44:00Z2010-07-06T13:44:00ZBlueDreamhttp://www.cnblogs.com/bluedream2009/http://www.cnblogs.com/bluedream2009/archive/2010/07/04/1770893.htmljavascript图片360°旋转点击演示程序源码<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><title>ImageRotation</title><metahttp-equiv="Content-Type"2010-07-04T08:45:00Z2010-07-04T08:45:00ZBlueDreamhttp://www.cnblogs.com/bluedream2009/http://www.cnblogs.com/bluedream2009/archive/2010/07/04/1770824.htmljavascript简易动画类【实例演示】【程序源码】【使用方法】【源码下载】fx2010-07-04T05:29:00Z2010-07-04T05:29:00ZBlueDreamhttp://www.cnblogs.com/bluedream2009/http://www.cnblogs.com/bluedream2009/archive/2010/07/03/1770599.htmljavascript简易编辑器程序原理富文本编辑器具有的基本功能就是对编辑区选中的文字通过工具栏提供的功能对文字或选区进行操作.比如文字加粗,斜体,创建表格,插入链接和图片等一系列的操作.然后可以通过源码查看查看编辑后产生的源代码.可以先通过Rich-Text_Editing大致了解下实现富文本编辑器的主要技术.这些功能就是我们代码设计的主线.编辑区我们需要一个iframe.并将其designMode属性设置为"on".这个iframe就具备了编辑功能.也是我们实现编辑器的基本容器.动态创建一个iframe代码如下[代码]这里我们创建了一个空白的iframe并将其document文档的designMode设置为"on".然2010-07-03T11:38:00Z2010-07-03T11:38:00ZBlueDreamhttp://www.cnblogs.com/bluedream2009/http://www.cnblogs.com/bluedream2009/archive/2010/07/03/1770578.htmljavascript仿QQ滑动菜单Slider 程序源码[代码]源码下载Slide2010-07-03T10:42:00Z2010-07-03T10:42:00ZBlueDreamhttp://www.cnblogs.com/bluedream2009/http://www.cnblogs.com/bluedream2009/archive/2010/06/28/1766842.htmljavascript彩色喷泉【实例演示】【程序源码】【源码下载】Fountain2010-06-28T08:22:00Z2010-06-28T08:22:00ZBlueDreamhttp://www.cnblogs.com/bluedream2009/http://www.cnblogs.com/bluedream2009/archive/2010/06/24/1764508.htmljavascript行星运动【示例演示】【程序源码】【源码下载】galaxy2010-06-24T08:15:00Z2010-06-24T08:15:00ZBlueDreamhttp://www.cnblogs.com/bluedream2009/http://www.cnblogs.com/bluedream2009/archive/2010/06/24/1764411.htmljavascript正弦曲线【程序示例】【程序源码】【源码下载】drawSine2010-06-24T06:33:00Z2010-06-24T06:33:00ZBlueDreamhttp://www.cnblogs.com/bluedream2009/http://www.cnblogs.com/bluedream2009/archive/2010/06/19/1760909.htmlTween算法【程序演示】Tween类型LinearQuadCubicQuartQuintSineExpoCircElasticBackBounceEase类型easeIneaseOuteaseInOut【程序源码】【源码下载】Tween【参考来源】http://www.cnblogs.com/cloudgamer/archive/2009/01/06/Tween.html2010-06-19T06:20:00Z2010-06-19T06:20:00ZBlueDreamhttp://www.cnblogs.com/bluedream2009/http://www.cnblogs.com/bluedream2009/archive/2010/06/17/1759840.htmlToolTip【程序源码】【源码下载】toolTip2010-06-17T15:48:00Z2010-06-17T15:48:00ZBlueDreamhttp://www.cnblogs.com/bluedream2009/http://www.cnblogs.com/bluedream2009/archive/2010/06/16/1759267.htmljavascript手风琴菜单【程序源码】【使用方法】【源码下载】Accordion2010-06-16T15:19:00Z2010-06-16T15:19:00ZBlueDreamhttp://www.cnblogs.com/bluedream2009/http://www.cnblogs.com/bluedream2009/archive/2010/04/01/1702485.htmlGoogle_Eye【代码】2010-04-01T09:47:00Z2010-04-01T09:47:00ZBlueDreamhttp://www.cnblogs.com/bluedream2009/【代码】http://www.cnblogs.com/bluedream2009/archive/2010/01/30/1660126.html简易贪吃蛇贪吃蛇的几个步骤:1. 生成网盘表格 运用循环生成表格. 然后将表格的行列赋值到一个多维数组map[[][]]中. 便于操作2. 生成蛇身以及位置通过x y值决定蛇头的朝向. 比如蛇头朝右. 那么就map的y不变 在x轴增加蛇身即可body[]3. 判断是否为蛇身 循环body蛇身 判断存不存在该元素 如果是蛇身 就返回null 然后弹出提示4. 随机生成食物 在map的格子里随机生成...2010-01-30T09:46:00Z2010-01-30T09:46:00ZBlueDreamhttp://www.cnblogs.com/bluedream2009/贪吃蛇的几个步骤:1. 生成网盘表格 运用循环生成表格. 然后将表格的行列赋值到一个多维数组map[[][]]中. 便于操作2. 生成蛇身以及位置通过x y值决定蛇头的朝向. 比如蛇头朝右. 那么就map的y不变 在x轴增加蛇身即可body[]3. 判断是否为蛇身 循环body蛇身 判断存不存在该元素 如果是蛇身 就返回null 然后弹出提示4. 随机生成食物 在map的格子里随机生成...http://www.cnblogs.com/bluedream2009/archive/2010/01/22/1654363.htmljavascript画圆先上个图.这样就很容易理解了圆的参数方程 x=a+r cosθ y=b+r sinθ (a,b)为圆心坐标 r为圆半径 θ为参数2010-01-22T09:46:00Z2010-01-22T09:46:00ZBlueDreamhttp://www.cnblogs.com/bluedream2009/先上个图.这样就很容易理解了圆的参数方程 x=a+r cosθ y=b+r sinθ (a,b)为圆心坐标 r为圆半径 θ为参数http://www.cnblogs.com/bluedream2009/archive/2009/09/21/1571277.htmlDragDropHandler 代码:2009-09-21T09:50:00Z2009-09-21T09:50:00ZBlueDreamhttp://www.cnblogs.com/bluedream2009/Handler 代码:http://www.cnblogs.com/bluedream2009/archive/2009/09/19/1569972.htmlLightBox【源码下载】lightBox2009-09-19T05:47:00Z2009-09-19T05:47:00ZBlueDreamhttp://www.cnblogs.com/bluedream2009/【源码下载】lightBoxhttp://www.cnblogs.com/bluedream2009/archive/2009/09/17/1568427.htmlSliderMenu程序源码[代码]使用方法[代码]通过改变参数我们可以很容易的生产出一种新形势的slideMenu.由于篇幅原因就不演示了.可以直接下载源码获取.[代码]源码下载slideMenu2009-09-17T05:07:00Z2009-09-17T05:07:00ZBlueDreamhttp://www.cnblogs.com/bluedream2009/程序源码[代码]使用方法[代码]通过改变参数我们可以很容易的生产出一种新形势的slideMenu.由于篇幅原因就不演示了.可以直接下载源码获取.[代码]源码下载slideMenuhttp://www.cnblogs.com/bluedream2009/archive/2009/04/14/1435365.html浮动对联广告实现原理首先为图片设置个初始的Top值，然后当图片滚动式，用setInterval不断监控style.top与初始的top值是否相等，如果不想等就减去差值，让style.top一直保持初始值减速原理[代码]用(目标值 - 当前值) / 整数值 一直循环 由于当前值不断增大 目标值 - 当前值(既分子)不断减小 所以Amount无限趋近于0代码如下：[代码]源码下载Banner2009-04-14T01:23:00Z2009-04-14T01:23:00ZBlueDreamhttp://www.cnblogs.com/bluedream2009/实现原理首先为图片设置个初始的Top值，然后当图片滚动式，用setInterval不断监控style.top与初始的top值是否相等，如果不想等就减去差值，让style.top一直保持初始值减速原理[代码]用(目标值 - 当前值) / 整数值 一直循环 由于当前值不断增大 目标值 - 当前值(既分子)不断减小 所以Amount无限趋近于0代码如下：[代码]源码下载Banner