代码改变世界

随笔分类 -  JavaScript特效

无依赖Ajax时钟

2010-10-26 20:30 by BlueDream, 1253 阅读, 收藏, 编辑
摘要: [代码] 阅读全文

javascript气泡碰撞(Chrome, FF更佳)

2010-07-09 23:07 by BlueDream, 5709 阅读, 收藏, 编辑
摘要: 【实例演示】【程序源码】【说明】程序效率出现了很大瓶颈.需要做的优化还有很多.有时间继续完善.如果IE下在博客演示慢.可将实例下载到本地.另:感谢罗浮宫群友逍遥君武和豪情对图片的支持。【源码下载】screenBubble 阅读全文

javascript淘宝评星简版

2010-07-06 21:44 by BlueDream, 5133 阅读, 收藏, 编辑
摘要: 【实例演示】你对我人品的评价:20406080100【程序源码】这个效果主要体现在CSS和javascript的配合上CSS代码HTML结构Javascript代码【源码下载】TB-Star 阅读全文

javascript图片360°旋转

2010-07-04 16:45 by BlueDream, 8049 阅读, 收藏, 编辑
摘要: 点击演示程序源码<!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" 阅读全文

javascript简易动画类

2010-07-04 13:29 by BlueDream, 1168 阅读, 收藏, 编辑
摘要: 【实例演示】【程序源码】【使用方法】【源码下载】fx 阅读全文

javascript简易编辑器

2010-07-03 19:38 by BlueDream, 2323 阅读, 收藏, 编辑
摘要: 程序原理富文本编辑器具有的基本功能就是对编辑区选中的文字通过工具栏提供的功能对文字或选区进行操作.比如文字加粗,斜体,创建表格,插入链接和图片等一系列的操作.然后可以通过源码查看查看编辑后产生的源代码.可以先通过Rich-Text_Editing大致了解下实现富文本编辑器的主要技术.这些功能就是我们代码设计的主线.编辑区我们需要一个iframe.并将其designMode属性设置为"on".这个iframe就具备了编辑功能.也是我们实现编辑器的基本容器.动态创建一个iframe代码如下[代码]这里我们创建了一个空白的iframe并将其document文档的designMode设置为"on".然 阅读全文

javascript仿QQ滑动菜单

2010-07-03 18:42 by BlueDream, 8407 阅读, 收藏, 编辑
摘要: Slider 程序源码[代码]源码下载Slide 阅读全文

javascript彩色喷泉

2010-06-28 16:22 by BlueDream, 1133 阅读, 收藏, 编辑
摘要: 【实例演示】【程序源码】【源码下载】Fountain 阅读全文

javascript行星运动

2010-06-24 16:15 by BlueDream, 1098 阅读, 收藏, 编辑
摘要: 【示例演示】【程序源码】【源码下载】galaxy 阅读全文

javascript正弦曲线

2010-06-24 14:33 by BlueDream, 1451 阅读, 收藏, 编辑
摘要: 【程序示例】【程序源码】【源码下载】drawSine 阅读全文

Tween算法

2010-06-19 14:20 by BlueDream, 16656 阅读, 收藏, 编辑
摘要: 【程序演示】Tween类型LinearQuadCubicQuartQuintSineExpoCircElasticBackBounceEase类型easeIneaseOuteaseInOut【程序源码】【源码下载】Tween【参考来源】http://www.cnblogs.com/cloudgamer/archive/2009/01/06/Tween.html 阅读全文

ToolTip

2010-06-17 23:48 by BlueDream, 868 阅读, 收藏, 编辑
摘要: 【程序源码】【源码下载】toolTip 阅读全文

javascript手风琴菜单

2010-06-16 23:19 by BlueDream, 2014 阅读, 收藏, 编辑
摘要: 【程序源码】【使用方法】【源码下载】Accordion 阅读全文

Google_Eye

2010-04-01 17:47 by BlueDream, 1005 阅读, 收藏, 编辑
摘要: 【代码】 阅读全文

简易贪吃蛇

2010-01-30 17:46 by BlueDream, 520 阅读, 收藏, 编辑
摘要: 贪吃蛇的几个步骤:1. 生成网盘表格       运用循环生成表格. 然后将表格的行列赋值到一个多维数组map[[][]]中. 便于操作2. 生成蛇身以及位置通过x y值决定蛇头的朝向. 比如蛇头朝右. 那么就map的y不变 在x轴增加蛇身即可body[]3. 判断是否为蛇身 循环body蛇身 判断存不存在该元素 如果是蛇身 就返回null 然后弹出提示4. 随机生成食物 在map的格子里随机生成... 阅读全文

javascript画圆

2010-01-22 17:46 by BlueDream, 6942 阅读, 收藏, 编辑
摘要: 先上个图.这样就很容易理解了圆的参数方程 x=a+r cosθ y=b+r sinθ (a,b)为圆心坐标 r为圆半径 θ为参数 阅读全文

DragDrop

2009-09-21 17:50 by BlueDream, 375 阅读, 收藏, 编辑
摘要: Handler 代码: 阅读全文

LightBox

2009-09-19 13:47 by BlueDream, 516 阅读, 收藏, 编辑
摘要: 【源码下载】lightBox 阅读全文

SliderMenu

2009-09-17 13:07 by BlueDream, 478 阅读, 收藏, 编辑
摘要: 程序源码[代码]使用方法[代码]通过改变参数我们可以很容易的生产出一种新形势的slideMenu.由于篇幅原因就不演示了.可以直接下载源码获取.[代码]源码下载slideMenu 阅读全文

浮动对联广告

2009-04-14 09:23 by BlueDream, 639 阅读, 收藏, 编辑
摘要: 实现原理首先为图片设置个初始的Top值,然后当图片滚动式,用setInterval不断监控style.top与初始的top值是否相等,如果不想等就减去差值,让style.top一直保持初始值减速原理[代码]用(目标值 - 当前值) / 整数值 一直循环 由于当前值不断增大 目标值 - 当前值(既分子)不断减小 所以Amount无限趋近于0代码如下:[代码]源码下载Banner 阅读全文