Archive for 七月, 2010

关于多人协作完成前端制作的一点想法

星期四, 七月 29th, 2010

以下是个人对多人协作完成前端制作的一点初浅的想法,仅作记录,日后继续完善。

多人共同完成一个页面的制作。
例如3个人同时开发一个页面:
首先编写一个总页面,引入四个CSS,一个是初始化CSS,剩下三个是三个人的专属CSS。
页面预先给三个人分配好模块,然后include引入三个人的专属页面,此时就可以进行同步开发了。

(更多…)

TAB选项卡示例介绍

星期一, 七月 19th, 2010

演示主页:http://www.imf7.com/code/tab/
博客介绍:http://www.imf7.com/archives/154

选项卡解说:
1、支持一个页面多次引用;
2、一次引用实现多次切换;
3、点击/滑过等切换方式自定义;
4、自动播放+鼠标动作切换;
5、自动播放时鼠标移向内容区域暂停播放;
6、切换完成后回调函数。

函数引用说明:
slide({handle:elems, content:elems, current:”current”, mode:”click”, delay:5000, fn:function(){…} });

引用基本格式 slide({…}); 中间的“…”所代表的就是参数内容。

参数说明:
handle:表示选项卡分组名称的节点数组
content:表示与分组名称对应的内容的节点数组
current:表示当前分组名称的样式名称
mode:表示切换方式,支持“click/mouseover/…”等鼠标事件
delay:表示自动播放的间隔时间,有值则自动播放,单位毫秒
fn:表示切换完成一次后的回调函数

完整版下载TAB.rar
完整JS下载tab.full.rar
压缩JS下载tab.min.rar

演示主页:http://www.imf7.com/code/tab/
博客介绍:http://www.imf7.com/archives/154

模块的opacity透明与PNG的阴影透明冲突

星期四, 七月 8th, 2010

模块的透明设置:filter:alpha(opacity=80); opacity:0.8;

PNG的透明设置:直接在制作PNF-24模式的图时留有透明度就可以

 

问题:

今天在处理F7Dialog2.0项目时发现一个问题,那就是在IE中设置了一个模块的透明度后如果该模块内有插入或者设置背景的图片中带有半透明的PNG-24图片时此时的半透明就会渲染错误,造成图片很难看的后果。

 

原因:

经过研究判断,是filter属性的问题,至于其中的参数和浏览器的渲染模式我搞不清楚,这个有点深,IE专属filter的参数我也只用过alpha的opacity这个,其他的也没有兴趣搞清楚。

(更多…)

chrome浏览器中用JS获取表格及其元素的CSS宽高的体验

星期三, 七月 7th, 2010

虽然现在表格用的很少了,但是某些写东西还是需要用到的。

 

今天在做F7Dialog2.0项目的时候遇到了要获取表格单元格的CSS宽高。自认为获取宽高很简单,直接写了代码获取,后来那部分代码写完后测试时才发现chrome执行结果不同,很是郁闷啊。

 

找了足足有半个小时原因,终于找到了,在chrome中获取单元格CSS高度时出现了不同。

(更多…)