最近这两天忙着开发商城的购买条件和限时抢购功能,一直没有时间更新自己的博客,不过老实说也不知道该在博客里写点什么,今天闲下来顺便就把我这两天开发的功能之一与大家分享一下。

时间队列选择:
交互的方式是受 Google Analytics 的启发而设计的:

不过他们用的是 flash 实现的,所以效果更好,功能更强大!
时间选择功能演示地址:http://www.silentash.com/uploads/work/timeSelect/purchase_limit.html

优势:
1.以1小时为一个时间单位
2.数据结构简单,通过页面传入数据对象即可
3.可显示已被占用的时间段和占用时间的商品或其他事件,用户只需移动鼠标到上面就能获知哪些商品占用了这段时间。
4.可回显操作目标已选择的时间段,便于二次修改
5.可跨月份进行选择
6.表现、结构、行为很好地做了分离,通过修改样式可以创建多种效果,并且可以运用到任何地方
7.后台没有传送数据的时候,可以当做一个简单的时间控件使用~~~~

不足:
1.代码比较多,在IE下运行较慢,可考虑运用浏览器缓存。
2.面向过程

总共花了一天的时间写 JS ,又花了一天时间优化,优化的时候基本上重写了整段代码,性能提升了不少,不过在 IE 下还是感觉很慢,看来还得改变思路继续优化。这次 JS 里面封装了不少时间函数,有些是没有用到的,这么做是想提升代码的共用性,可以把前段时间写的时间选择控件整合到一起。希望有时间去做吧。

最近强烈的感觉到 JS 的面向对象设计很难做好,其实我之前是想把这个时间段选择的功能按对象设计的,写着写着又面向过程了!不知道高人能不能给个指点。

阅读全文
 
, , , ,

项目中用到的一个简单的JS图片展示效果,支持大图小图原始图展示


阅读全文
 
, , ,

周末闲着无事,所以弄了一个JS渐变字的代码
来看看效果吧:http://www.silentash.com/uploads/200811/clip.html
怎么样,效果很炫吧,嘿嘿!
你需要做的只是在HTML页面里面把需要用到渐变色的文字加上外容器(span标签或者a标签都可以),再给这个标签加入clip属性(原来用的是name属性,考虑到name属性可能会被占用,所以现在改成自定义clip属性)做渐变元素的标示,rel属性指示渐变的颜色,rel属性的格式很重要。

阅读全文
 
, , , , , ,

之前用Clip属性实现了文字上下两半不同色彩的拼接。
回顾篇(Clip奇思妙想之一):http://www.silentash.com/blog/2008/104.html
本篇我们用同样的原理,把文字用CLIP属性分的更细,分别着色,然后组合到一起,实现自左到右更精确的色彩渐变。问题是文字细化分割需要用到很多很多个元素,所以这里我们要用程序来控制,自动生成这些元素。

阅读全文
 
, , , , ,

1.document.formName.item(“itemName”) 问题

说明:IE下,可以使用document.formName.item(“itemName”)或document.formName.elements["elementName"];Firefox下,只能使用document.formName.elements["elementName"].

阅读全文
 
,