网站改版进行时,Home页改版!

围观地址:HOME

关于小站的Home页,纠结了很久,一直想改改06年定下来的风格,可是一直没有好的思路。
上周五偶然看到了一个Flash特效:http://www.pikibox.com/,第一眼就喜欢上了。
为了兼容iPad,果断把Flash重写为JS,使用了jQuery的框架。因为这个效果在我的小站只是一个Home页,不是网站主体,所以没做按钮展开的二级菜单。按钮的拖拽效果也没有做,那个需要HTML5了,只靠JS是不行的,有难度,慢慢再做吧。

主要功能:
1、链接按钮自由扩展。当然也不能太多,网格数跟屏幕大小有关,按钮太多也不好看。
2、喜欢这个按钮效果的同学可以点击下面的“重新排列”“顺序排列”排列页面中的按钮。
3、背景随机切换。这个比较简单,以后看到好看的背景都可以加进去,把图片地址加到背景的数组中即可,自动随机切换。
4、加入了jPlayer播放器,jPlayer跟之前用的BoomboxPlayer相比,使用的是CSS+jQuery的架构,并通过HTML5支持了iPad等设备,代码结构清晰,添加功能方便。这里我加入了一个播放列表的开关按钮和隐藏播放器的功能。

IE内核的早期浏览器可能还有些兼容性问题,抽空再优化一下。

2 Comments
  1. 没事又开始折腾了哈哈!

Leave a Reply