Archive for the ‘我的作品’ Category

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

星期四, 七月 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

完全依靠自己个人写的第一条正则语句

星期五, 三月 19th, 2010

今天小挑战了一下正则表达式,以前总是闻而拒之,碰都不敢碰一下,今天实属无奈,小挑战了一下,仅以此文章作为学习正则开始的记录。

以下是学习的片段:

目的:需要提取内容中的站内链接;

原因:必须要用正则,别的没法做到【我是说我使用的功能的地方】

(更多…)

用代码模拟的模块阴影效果【搁浅中的想法】

星期三, 三月 17th, 2010

突发奇想,想用代码模拟一个阴影出来,就和代码模拟圆角模块一样去拼一个阴影出来。

 

可是写了一半,搁浅了,自己心里比较纠结:感觉写的出来用处不大,还不如PNG和CSS代码的效果好,且有一个最大的缺点就是在阴影对角那块无法对接,一般的阴影都是圆角的逐渐变淡,如这样的,我冥思苦想都无法实现这样的效果。

(更多…)

JavaScript读取XML文件[兼容IE,FF,Chrome,Safari]

星期日, 二月 21st, 2010

IE读取XML文件
FireFox读取XML文件
Chrome,Safari读取XML文件
以上三类浏览器读取XML文件各有不同,常常困扰开发人员,现在我们将其融合为一个函数方便大家使用。

(更多…)

监听输入框值的即时变化onpropertychange、oninput

星期日, 二月 21st, 2010

要达到的效果

很多情况下我们都会即时监听输入框值的变化,以便作出即时动作去引导浏览者增强网站的用户体验感。比如即时显示输入框已经被输入的字节数,或者即时读取输入的值来进行搜索引导,也就是google的关联搜索效果等。

只要我们能捕获即时事件就能做到很多事情。

(更多…)

HTML插入FLASH的全兼容解决方案[主讲SWFObject方法]

星期日, 二月 21st, 2010

Flash 嵌入的问题朋友们可能认为很简单,但是具体到一些问题上来讲,就不是那么简单了,比如:IE浏览器对FLASH的拦截虚框怎么去掉?在FF、OP、NS等其它浏览器是否兼容?代码是否符合W3C标准??等等

下面我就转贴别人的一篇文件,共同学习一下

(更多…)