摘要:
一 图片预览HTML5给web开发带来很多好东西,可以说,它将开创新一代web开发。其中canvas就是它带来的东西之一,canvas非常强大,可以做到很多东西,不过我觉得学习canvas几乎等于在学习一种独立的技术了。这里只是展示一个简单的canvas效果。如下图:二 原理介绍我在代码中通过ctx.getImageData(0,0,width,height);获取canvas里面的imageda... 阅读全文
2010年12月10日
2010年11月14日
摘要:
这两天突发奇想,结果就做了一个jQ的tip插件,形状就像下面这样。。。。会随title的多少改变大小的哟一。基本介绍 这个jq插件主要是使用canvas来画出这个tip的外表,而且这个tip能够自动调整大小,由于是用canvas画的,而不是图片,所以调整之后也不会变模糊之类的。 主要思想是用一个P标签来装载title的值,然后把他放在一个大小根据这个P来改变的canvas里面,难点是定位。 话说貌... 阅读全文
2010年11月8日
摘要:
这次接着来介绍PhotoLook(前文介绍的组件)现在可供使用的属性和方法,接着展示一个叫前文不一样的例子属性speed :设置图片切换的速度width:组件的宽度height:组件的高度cellStructures:可设置效果矩阵的行列例如{row:8,col:8}注意,这个行列要和效果矩阵switchTable的行列对应方法init():初始化addswitchTable(switchTabl... 阅读全文
2010年11月6日
摘要:
这阵子琢磨着做一个可扩展的“相册”,其实就是一个JS做的用来展示图片的组件。 不过何为可扩展呢?就是图片切换的效果是可自定义的,通过这个组件,我们可以自定义出很多效果,不过这个东西还不算最终完成,现在搞出来先让大家试试[代码]这就是实例化这个组件的语句,cantain是你指定div的ID,这个是使用组件的人自己定义的代码定义组件大小,还有利用提供的add方法来添加图片,然后... 阅读全文
2010年9月23日
摘要:
终于搞好了,原来在博客园这里搞这东东这么难,这个是用CSS3实现的,现在只能运行于现代Chrome和firefox浏览器,不能运行于IE,并且在Chrome或者与其相同内核的现代浏览器下才能显示最好的效果。注意:由于为了在随笔里可以显示效果,做了少许改动!首先是html代码,十分简单代码那个class为sample的div很诡异是吧,对了,无视他,那个只是让这个例子在博客园可以显示的一个小技巧而已... 阅读全文
2010年9月21日
摘要:
由于昨天把博客装饰好了,今天就来分享一下我以前做过的一个用Ajax实现的联动列表。 平常我们用服务器控件实现的多列表联动,在每次选择一项的时候都会刷新页面,如果页面元素过多,这样会使用户体验十分差。而我们用Html写死的联动列表会使一次的传输量比较大,而且可能会使一些被更新的内容不能及时展示给用户。所以才需要用Ajax来实现,Ajax可以应用在很多方面,但是不能被滥用。 前阵子有空的时候,做了一个... 阅读全文
2010年9月20日
摘要:
本来呢,选了一种博客园的博客模板,这几天看着看着,觉得没有特点,而且老是和别人的重复。 嘿嘿,年轻人嘛总是喜欢特别一点,所以这两天就禁用了模板css,抽空自己写几个样式。我发觉博客园是不是不可以用图片来装饰自己的博客?反正我是没找到方法,刚开博客嘛,没办法。 刚刚搞完,觉得蛮简洁的,现在把代码发出来共享一下~代码 因为布局问题,main左浮动,rightmenu右浮动,不过这样他们脱离了文档流... 阅读全文
2010年9月19日