天艺 | 关注体验专注设计，ui ued 卡通动漫界面设计网站设计

Tienea Portfolio

tienea — Sun, 06 May 2012 06:32:20 +0000

全新首页改版上线，梳理价值和思路，目标更加明确，更大的屏幕设计非常利于图片的预览展示。

iPad触摸屏切换滑动效果

tienea — Thu, 10 Nov 2011 06:23:22 +0000

iPad等移动设备上的触摸屏幕切换滑动效果很酷，更重要的是体验也非常的好，在iPad上要实现手指滑动，而网页根据滑动的手势做切换版面的滑动效果也不难。
下面我们思考的就是怎样来解决问题了，我们有时会点击鼠标后按着不放来模拟手指触摸。这样就出现了两个事件就是onmousedown/onmouseup。
怎么来判断鼠标的移动的方向呢？我们先获取点击时的坐标down，然后再获取拖动离开时的坐标up，在对两个坐标进行想减，判断手势向那个方向移动！我们用down=event.clientX;来获取鼠标点击时的x坐标，up=event.clientX;来获取鼠标离开时的x坐标，这两个要分开写在两个函数里，要不然会同时执行。

鼠标滑动、拖动

点击此区域滑动

if语句里的 offset>Width&&offset%Width_contain==0的作用为了判断对象是否移动了你想要的距离，如果没有则不会执行下面的函数。同时也解决了当快速频繁滑动产生的错位现象。

如果你想在ipad上使用，你要改几个事件，ontouchstart/ontouchend是手指触摸开始和手指触摸后离开用的，而onmousedown/onmouseup是鼠标，所以需要修改：把id=”contain”的事件
onmousedown=”abc(event)” onmouseup=”dd(event)” ?改成 ?ontouchstart=”abc(event);” ontouchend=”dd(event);”

还有下面的函数也要相应的修改
abc()的down=event.clientX; 换成 down=event.changedTouches[0].pageX;
dd()的up=event.clientX; 换成 up=event.changedTouches[0].pageX;
就可以在ipad上运行了。

iPhone4S 全新的智能体验

tienea — Mon, 10 Oct 2011 05:25:11 +0000

iPhone4S智慧型的手机，超酷的科技体验给人们所想要的，不只是一只手的操控让你感受未来的生活……

Steve Jobs

tienea — Sat, 08 Oct 2011 04:03:40 +0000

当地时间10月5日，苹果公司前CEO乔布斯(Steve Jobs)去世，美国各地苹果专营店悼念乔布斯。对于一个创新的公司来说若无人能继承他那出色的设计天赋，或许几年后苹果就此没落……

MOTO DEFY(ME525)

tienea — Thu, 29 Sep 2011 16:23:44 +0000

杯具的MOTO，android连上个移动网络都那么麻烦，还要翻遍帖子的去尝试各种参数设置，为了自己以后方便就在这里填了留底。

一、菜单－设置 -无线控件－移动网络－接入点名称
1.名称: 中国移动彩信
2.接入点名称: cmwap
3.代理: 10.0.0.172
4.端口: 80
5.用户名:（空着）
6.密码:（空着）
7.服务器:（空着）
8.MMSC: http://mmsc.monternet.com (记住一定要加上 http:// 不然的话只能收不能发了 -_^)
9.彩信代理: 10.0.0.172
10.彩信端口: 80
11.彩信协议: 这里要选择 WAP 2.0
12.MCC: 460
13.MNC: 02 (有的机器需要设置 00,原生中文版才可以设置 02)
14.身份验证类型: PAP
15.接入点名称类型: 输入（ mms ）
编辑完以后，按MENU 选择 “保存”

二、菜单－设置 -无线控件－移动网络－接入点名称
进去以后，按MENU “新接入点名称”
上网设置
1.名称：cmnet
2.接入点名称：cmnet
3.代理:（空着）
4.端口：（空着）
5.用户名：（空着）
6.密码：（空着）
7.服务器：（空着）
8.MMSC：
9.彩信代理：
10.彩信端口：
11.彩信协议：这里要选择 WAP 2.0
12.MCC:460
13.MNC:02 (有的机器需要设置 00,原生中文版才可以设置 02)
14.身份验证类型: 无
15.接入点名称类型：（空着）
编辑完以后，按MENU 选择 “保存”

三、菜单－设置 -无线控件－移动网络－接入点名称
进去以后，按MENU “新接入点名称”
移动梦网设置(可以用上飞信的设置)
1.名称：移动梦网
2.接入点名称：cmwap
3.代理: 10.0.0.172
4.端口： 80
5.用户名：（空着）
6.密码：（空着）
7.服务器：（空着）
8.MMSC：
9.彩信代理：
10.彩信端口：
11.彩信协议：这里要选择 WAP 2.0
12.MCC:460
13.MNC:02 (有的机器需要设置 00,原生中文版才可以设置 02)
14.身份验证类型: 无
15.接入点名称类型：default
编辑完以后，按MENU 选择 “保存”

Green wireless city UI demo

tienea — Sat, 23 Jul 2011 10:54:43 +0000

绿色无线城市所展示的多点触摸运用DEMO，尝试了水晶风格的UI设计。

多种窗体效果

HTML iframe 用法总结

tienea — Wed, 20 Jul 2011 11:06:25 +0000

Iframe用法精析

用于设置文本或图形的浮动图文框或容器。

BORDER

设定围绕图文框的边缘宽度

FRAMEBODER

设置边框是不否为3维（0=否，1=是）

HEIGHT,WIDTH

设质边框的宽度和高度

SCROLLING

是否有滚动条（YES,NO,AUTO)

SRC

指定IFRAME调用的文件或图片(HTML,HTM,GIF,JPEG,JPG,PNG,TXT,*.*)

“画中画”效果–谈IFRAME标签的使用

纵观时下网站，本来网速就有些慢，可是几乎每页都要放什么Banner，栏目图片，版权等一大堆雷同的东西，当然，出于网站风格统一、广告效应的需要，本无可厚非，可毕竟让用户的钱包为这些“点缀“的东西”日益消得钱憔悴”了，有没有办法，让这些雷同的东西一次下载后就不用再下载，而只下载那些内容有变化区域的网页内容呢？

答案很肯定：应用Iframe标记！

一、Iframe标记的使用

提起Iframe，可能你早已将之扔到“被遗忘的角落”了，不过，说起其兄弟Frame就不会陌生了。Frame标记即帧标记，我们所说的多帧结构就是在一个浏览器窗口中显示多个HTML文件。现在，我们遇到一种很现实的情况：如有一个教程，是一节一节地上，每页末尾做一个“上一节“、“下一节“的链接，除了每节教程内容不同之外，页面其它部分内容都是相同的，如果一页一页地做笨页面，这似乎太让人厌烦了，这时突发奇想，如果有一种方法让页面其它地方不变，只将教程做成一页一页的内容页，不含其它内容，在点击上下翻页链接时，只改变教程内容部分，其它保持不变，这样，一是省时，另则以后如教程有个三长两短的变动，也很方便，不致于牵一发而动全军了;更重要的是将那些广告Banner、栏目列表、导航等几乎每页的都有的东西只下载一次后就不再下载了。 Iframe标记，又叫浮动帧标记，你可以用它将一个HTML文档嵌入在一个HTML中显示。它不同于Frame标记最大的特征即这个标记所引用的 HTML文件不是与另外的HTML文件相互独立显示，而是可以直接嵌入在一个HTML文件中，与这个HTML文件内容相互融合，成为一个整体，另外，还可以多次在一个页面内显示同一内容，而不必重复写内容，一个形象的比喻即“画中画“电视。

现在我们谈一下Iframe标记的使用。

Iframe标记的使用格式是:

src：文件的路径，既可是HTML文件，也可以是文本、ASP等；

width、height：”画中画”区域的宽与高；

scrolling:当SRC的指定的HTML文件在指定的区域不显不完时，滚动选项，如果设置为NO，则不出现滚动条；如为Auto：则自动出现滚动条；如为Yes，则显示;

FrameBorder：区域边框的宽度，为了让“画中画“与邻近的内容相融合，常设置为0。

比如:

二、父窗体与浮动帧之间的相互控制在脚本语言与对象层次中，包含Iframe的窗口我们称之为父窗体，而浮动帧则称为子窗体，弄清这两者的关系很重要，因为要在父窗体中访问子窗体或相反都必须清楚对象层次，才能通过程序来访问并控制窗体。

1、在父窗体中访问并控制子窗体中的对象

在父窗体中，Iframe即子窗体是document对象的一个子对象，可以直接在脚本中访问子窗体中的对象。

现在就有一个问题，即，我们怎样来控制这个Iframe，这里需要讲一下Iframe对象。当我们给这个标记设置了ID 属性后，就可通过文档对象模型DOM对Iframe所含的HTML进行一系列控制。

比如在example.htm里嵌入test.htm文件，并控制test.htm里一些标记对象：

test.htm文件代码为:

hello,my boy

如我们要改变ID号为myH1的H1标记里的文字为hello,my dear，则可用:

document.myH1.innerText=”hello,my dear”(其中，document可省)

在example.htm文件中，Iframe标记对象所指的子窗体与一般的DHTML对象模型一致，对对象访问控制方式一样，就不再赘述。

2 、在子窗体中访问并控制父窗体中对象

在子窗体中我们可以通过其parent即父（双亲）对象来访问父窗口中的对象。

如example.htm：

hello,my wife

如果要在frame1.htm中访问ID号为myH2中的标题文字并将之改为”hello,my friend”，我们就可以这样写：

parent.myH2.innerText=”hello,my friend”

这里parent对象就代表当前窗体(example.htm所在窗体)，要在子窗体中访问父窗体中的对象，无一例外都通过parent对象来进行。

Iframe虽然内嵌在另一个HTML文件中，但它保持相对的独立，是一个“独立王国“哟，在单一HTML中的特性同样适用于浮动帧中。

试想一下，通过Iframe标记，我们可将那些不变的内容以Iframe来表示，这样，不必重复写相同的内容，这有点象程序设计中的过程或函数，减省了多少繁琐的手工劳动！另外，至关重要的是，它使页面的修改更为可行，因为，不必因为版式的调整而修改每个页面，你只需修改一个父窗体的版式即可了。

有一点要注意，Nestscape浏览器不支持Iframe标记，但在时下IE的天下，这似乎也无大碍，广泛采用Iframe标记，既为自己(网站)着了想，又为网友节省了网费，何乐而不为？

例子

2:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

用了iframe后发现滚动条不漂亮想用2个图片来代替↑↓

应该怎么实现呢？

回答：

用下列代码替换网页的

..

文字

文字

文字

文字

文字

内框架Iframe的使用

使用Iframe可以在一人表格内调用一个外部文件，是非常有用的。本网站在很多页面上都使用了iframe效果。

现在我们学一下Iframe标记的使用。

Iframe标记的使用格式是:

src：文件的路径，既可是HTML文件，也可以是文本、ASP等；

width、height：”内部框架”区域的宽与高；

scrolling:当SRC的指定的HTML文件在指定的区域不显不完时，滚动选项，如果设置为NO，则不出现滚动条；如为Auto：则自动出现滚动条；如为Yes，则显示;

FrameBorder：区域边框的宽度，为了让“内部框架“与邻近的内容相融合，常设置为0。

name:框架的名字，用来进行识别。

比如:

当你想用父框架控制内部框架时，可以使用： target=”框架的名字”来控制。

IFrame也可以编辑文字

有没有想过除了表单(
)之外还有其它的网页元素可以编辑文字呢？只要使用IFrame的隐藏的一个属性就可以使IFrame成为一个文本编辑器。

其中designMode属性表示IFrame的设计模式的状态（开/关），还在犹豫什么呢，快试试吧！

只要巧妙的利用这一特性就可以制作很多意想不到的效果。如果下面我们来做一个图片编辑器。

下面使更多的补充：

是框架的一种形式，也比较常用到。

例子1。

不用多说了。

width插入页的宽；height插入页的高；scrolling 是否显示页面滚动条（可选的参数为 auto、yes、no，如果省略这个参数，则默认为auto）；frameborder 边框大小；

注意：URL建议用绝对路径

传说中百DU用：

黑了88*8。。。

例子2。

如果一个页面里面有框架。。随便点页面里的连接，要求在这个里打开。在iframe 中加入name=** （**自己设定）

然后在修改默认打开模式，：网页HEAD中加上或部分连接的目标框架设为（**）

例子3。

要插入一个页面。要求只拿中间一部分。其他的都不要。，。。

代码：

控制插入页被框架覆盖的深度 marginwidth=0 marginheight=0；控制框架覆盖上部分的深度 vspace=-170

scrolling滚动条要否（auto、yes、no） frameborder框架的边框大小，width=776 height=2500此框架的大小。

一、页面内加入iframe

，

scrolling表示是否显示页面滚动条，可选的参数为auto、yes、no，如果省略这个参数，则默认为auto。

二、超链接指向这个嵌入的网页，只要给这个iframe命名就可以了。方法是，例如我命名为aa，写入这句HTML语言，然后，网页上的超链接语句应该写为：

三、如果把frameborder设为1，效果就像文本框一样

透明的IFRAME的用法

必需IE5.5以上版本才支持

在transparentBody.htm文件的标签中，我已经加入了style=”background-color=transparent” 通过以下四种IFRAME的写法我想大概你对iframe背景透明效果的实现方法应该会有个清晰的了解：

重点1：利用javascript指定iframe的src并重新加载该iframe(见本文最下面我的项目)

在脚本语言与对象层次中，包含Iframe的窗口我们称之为父窗体，而浮动帧则称为子窗体，弄清这两者的关系很重要，因为要在父窗体中访问子窗体或相反都必须清楚对象层次，才能通过程序来访问并控制窗体。

1、在父窗体中访问并控制子窗体中的对象

在父窗体中，Iframe即子窗体是document对象的一个子对象，可以直接在脚本中访问子窗体中的对象。

比如在example.htm里嵌入test.htm文件，并控制test.htm里一些标记对象：

test.htm文件代码为:

hello,my boy

如我们要改变ID号为myH1的H1标记里的文字为hello,my dear，则可用:

document.myH1.innerText=”hello,my dear”(其中，document可省)

在example.htm文件中，Iframe标记对象所指的子窗体与一般的DHTML对象模型一致，对对象访问控制方式一样，就不再赘述。

2、在子窗体中访问并控制父窗体中对象

在子窗体中我们可以通过其parent即父（双亲）对象来访问父窗口中的对象。

如example.htm：

hello,my wife

如果要在frame1.htm中访问ID号为myH2中的标题文字并将之改为”hello,my friend”，我们就可以这样写：

parent.myH2.innerText=”hello,my friend”

或者parent.document.getElementById(“myH2″).innerText=”hello,my friend”

这里parent对象就代表当前窗体(example.htm所在窗体)，要在子窗体中访问父窗体中的对象，无一例外都通过parent对象来进行。

3:frame的一个子元素访问frame的另一个子元素

例如：框架文件frame.html中嵌入了另外两个html文件

那么现在要在DirectoryTree.html文件中访问Search.html文件中的一个id为section的标签的innerHTML属性，则可以这样：

alert(parent.document.search.section.innerHTML),

其中search是“搜索”div的id，或者：

alert(parent.document.getElementById(“search”).section.innerHTML),

或者也可以这样：

alert(parent.document.frames["frameSublist"].name)(这是直接访问iframe)

Iframe虽然内嵌在另一个HTML文件中，但它保持相对的独立，是一个“独立王国“哟，在单一HTML中的特性同样适用于浮动帧中。

要注意的是，Nestscape6.0之前版本不支持Iframe标记。

例子：

1:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

2:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

用了iframe后发现滚动条不漂亮想用2个图片来代替↑↓

应该怎么实现呢？

回答：

用下列代码替换网页的..

文字文字文字文字文字

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

下面这段代码可以实现IFrame自适应高度，即随着页面的长度，自动适应以免除页面和IFrame同时出现滚动条。

源代码如下

HTML 标签

定义和用法

iframe 元素会创建一个包含另外一个文档的内联框架。

HTML 与 XHTML 之间的差异

NONE

可选的属性

DTD 指示此属性允许在哪种 DTD 中使用。S=Strict, T=Transitional, F=Frameset.

规定如何根据周围的文本来排列此框架。 TF

longdesc URL 描述此框架内容的长描述的URL。 TF

marginheight pixels 定义 iframe 的顶部和底部的边距。 TF

marginwidth pixels 定义 iframe 的左侧和右侧的边距。 TF

name frame_name 规定 iframe 的唯一名称（以便在脚本中使用）。 TF

scrolling yes

auto

定义滚动条。 TF

src URL 在 iframe 中显示文档的 URL。 TF

width pixels

定义 iframe 的宽度。 TF

以下是本人自己在实际项目开发时利用frame写的一段源代码，仅供参考：

主文件（框架）：

教育局资源管理系统

被引用的文件UserLogin.html：

会员登录

用户名：
密码：

www.baidu.com

Iframe用法精析??用于设置文本或图形的浮动图文框或容器。?BORDER??设定围绕图文框的边缘宽度?FRAMEBODER??设置边框是不否为3维（0=否，1=是）?HEIGHT,WIDTH??设质边框的宽度和高度?SCROLLING??是否有滚动条（YES,NO,AUTO)?SRC??指定IFRAME调用的文件或图片(HTML,HTM,GIF,JPEG,JPG,PNG,TXT,*.*)?“画中画”效果–谈IFRAME标签的使用?纵观时下网站，本来网速就有些慢，可是几乎每页都要放什么Banner，栏目图片，版权等一大堆雷同的东西，当然，出于网站风格统一、广告效应的需要，本无可厚非，可毕竟让用户的钱包为这些“点缀“的东西”日益消得钱憔悴”了，有没有办法，让这些雷同的东西一次下载后就不用再下载，而只下载那些内容有变化区域的网页内容呢？?答案很肯定：应用Iframe标记！?一、Iframe标记的使用?提起Iframe，可能你早已将之扔到“被遗忘的角落”了，不过，说起其兄弟Frame就不会陌生了。Frame标记即帧标记，我们所说的多帧结构就是在一个浏览器窗口中显示多个HTML文件。现在，我们遇到一种很现实的情况：如有一个教程，是一节一节地上，每页末尾做一个“上一节“、“下一节“的链接，除了每节教程内容不同之外，页面其它部分内容都是相同的，如果一页一页地做笨页面，这似乎太让人厌烦了，这时突发奇想，如果有一种方法让页面其它地方不变，只将教程做成一页一页的内容页，不含其它内容，在点击上下翻页链接时，只改变教程内容部分，其它保持不变，这样，一是省时，另则以后如教程有个三长两短的变动，也很方便，不致于牵一发而动全军了;更重要的是将那些广告Banner、栏目列表、导航等几乎每页的都有的东西只下载一次后就不再下载了。 Iframe标记，又叫浮动帧标记，你可以用它将一个HTML文档嵌入在一个HTML中显示。它不同于Frame标记最大的特征即这个标记所引用的 HTML文件不是与另外的HTML文件相互独立显示，而是可以直接嵌入在一个HTML文件中，与这个HTML文件内容相互融合，成为一个整体，另外，还可以多次在一个页面内显示同一内容，而不必重复写内容，一个形象的比喻即“画中画“电视。?现在我们谈一下Iframe标记的使用。?Iframe标记的使用格式是:
复制代码代码如下:

src：文件的路径，既可是HTML文件，也可以是文本、ASP等；?width、height：”画中画”区域的宽与高；?scrolling:当SRC的指定的HTML文件在指定的区域不显不完时，滚动选项，如果设置为NO，则不出现滚动条；如为Auto：则自动出现滚动条；如为Yes，则显示;?FrameBorder：区域边框的宽度，为了让“画中画“与邻近的内容相融合，常设置为0。?比如:
复制代码代码如下:

二、父窗体与浮动帧之间的相互控制在脚本语言与对象层次中，包含Iframe的窗口我们称之为父窗体，而浮动帧则称为子窗体，弄清这两者的关系很重要，因为要在父窗体中访问子窗体或相反都必须清楚对象层次，才能通过程序来访问并控制窗体。?1、在父窗体中访问并控制子窗体中的对象?在父窗体中，Iframe即子窗体是document对象的一个子对象，可以直接在脚本中访问子窗体中的对象。?现在就有一个问题，即，我们怎样来控制这个Iframe，这里需要讲一下Iframe对象。当我们给这个标记设置了ID 属性后，就可通过文档对象模型DOM对Iframe所含的HTML进行一系列控制。?比如在example.htm里嵌入test.htm文件，并控制test.htm里一些标记对象：
复制代码代码如下:
?test.htm文件代码为:???

hello,my boy

??
如我们要改变ID号为myH1的H1标记里的文字为hello,my dear，则可用:?document.myH1.innerText=”hello,my dear”(其中，document可省)?在example.htm文件中，Iframe标记对象所指的子窗体与一般的DHTML对象模型一致，对对象访问控制方式一样，就不再赘述。?2 、在子窗体中访问并控制父窗体中对象?在子窗体中我们可以通过其parent即父（双亲）对象来访问父窗口中的对象。?如example.htm：
复制代码代码如下:
???

hello,my wife

??
如果要在frame1.htm中访问ID号为myH2中的标题文字并将之改为”hello,my friend”，我们就可以这样写：?parent.myH2.innerText=”hello,my friend”?这里parent对象就代表当前窗体(example.htm所在窗体)，要在子窗体中访问父窗体中的对象，无一例外都通过parent对象来进行。?Iframe虽然内嵌在另一个HTML文件中，但它保持相对的独立，是一个“独立王国“哟，在单一HTML中的特性同样适用于浮动帧中。?试想一下，通过Iframe标记，我们可将那些不变的内容以Iframe来表示，这样，不必重复写相同的内容，这有点象程序设计中的过程或函数，减省了多少繁琐的手工劳动！另外，至关重要的是，它使页面的修改更为可行，因为，不必因为版式的调整而修改每个页面，你只需修改一个父窗体的版式即可了。?有一点要注意，Nestscape浏览器不支持Iframe标记，但在时下IE的天下，这似乎也无大碍，广泛采用Iframe标记，既为自己(网站)着了想，又为网友节省了网费，何乐而不为？?例子
复制代码代码如下:
?
2:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::?用了iframe后发现滚动条不漂亮想用2个图片来代替↑↓?应该怎么实现呢？?回答：?用下列代码替换网页的
复制代码代码如下:
..??????????

??

内框架Iframe的使用?使用Iframe可以在一人表格内调用一个外部文件，是非常有用的。本网站在很多页面上都使用了iframe效果。?现在我们学一下Iframe标记的使用。?Iframe标记的使用格式是:
复制代码代码如下:
?src：文件的路径，既可是HTML文件，也可以是文本、ASP等；?width、height：”内部框架”区域的宽与高；?scrolling:当SRC的指定的HTML文件在指定的区域不显不完时，滚动选项，如果设置为NO，则不出现滚动条；如为Auto：则自动出现滚动条；如为Yes，则显示;?FrameBorder：区域边框的宽度，为了让“内部框架“与邻近的内容相融合，常设置为0。?name:框架的名字，用来进行识别。?比如:??当你想用父框架控制内部框架时，可以使用： target=”框架的名字”来控制。?IFrame也可以编辑文字?有没有想过除了表单()之外还有其它的网页元素可以编辑文字呢？只要使用IFrame的隐藏的一个属性就可以使IFrame成为一个文本编辑器。??????其中designMode属性表示IFrame的设计模式的状态（开/关），还在犹豫什么呢，快试试吧！?只要巧妙的利用这一特性就可以制作很多意想不到的效果。如果下面我们来做一个图片编辑器。?????
下面使更多的补充：是框架的一种形式，也比较常用到。?　　例子1。??不用多说了。?　　width插入页的宽；height插入页的高；scrolling 是否显示页面滚动条（可选的参数为 auto、yes、no，如果省略这个参数，则默认为auto）；frameborder 边框大小；?　　注意：URL建议用绝对路径?　　传说中百DU用：?黑了88*8。。。?　　例子2。?　　如果一个页面里面有框架。。随便点页面里的连接，要求在这个里打开。在iframe 中加入name=** （**自己设定）??　　然后在修改默认打开模式，：网页HEAD中加上或部分连接的目标框架设为（**）?　　例子3。?　　要插入一个页面。要求只拿中间一部分。其他的都不要。，。。?　　代码：??　　控制插入页被框架覆盖的深度 marginwidth=0 marginheight=0；控制框架覆盖上部分的深度 vspace=-170?　　scrolling滚动条要否（auto、yes、no） frameborder框架的边框大小，width=776 height=2500此框架的大小。?　　一、页面内加入iframe?，?scrolling表示是否显示页面滚动条，可选的参数为auto、yes、no，如果省略这个参数，则默认为auto。?　　二、超链接指向这个嵌入的网页，只要给这个iframe命名就可以了。方法是，例如我命名为aa，写入这句HTML语言，然后，网页上的超链接语句应该写为：?　　三、如果把frameborder设为1，效果就像文本框一样?　　透明的IFRAME的用法?　　必需IE5.5以上版本才支持?　　在transparentBody.htm文件的标签中，我已经加入了style=”background-color=transparent” 通过以下四种IFRAME的写法我想大概你对iframe背景透明效果的实现方法应该会有个清晰的了解：?? ?? ?重点1：利用javascript指定iframe的src并重新加载该iframe(见本文最下面我的项目)?难点1：设置iframe的背景色?a.htm????难点2：?窗口与浮动帧之间的相互控制?在脚本语言与对象层次中，包含Iframe的窗口我们称之为父窗体，而浮动帧则称为子窗体，弄清这两者的关系很重要，因为要在父窗体中访问子窗体或相反都必须清楚对象层次，才能通过程序来访问并控制窗体。　　1、在父窗体中访问并控制子窗体中的对象?　　在父窗体中，Iframe即子窗体是document对象的一个子对象，可以直接在脚本中访问子窗体中的对象。?　　现在就有一个问题，即，我们怎样来控制这个Iframe，这里需要讲一下Iframe对象。当我们给这个标记设置了ID 属性后，就可通过文档对象模型DOM对Iframe所含的HTML进行一系列控制。?　　比如在example.htm里嵌入test.htm文件，并控制test.htm里一些标记对象：?　　?test.htm文件代码为:?　　?　　　?　　　　

hello,my boy

?　　　?　　?　　如我们要改变ID号为myH1的H1标记里的文字为hello,my dear，则可用:?　　document.myH1.innerText=”hello,my dear”(其中，document可省)?　　在example.htm文件中，Iframe标记对象所指的子窗体与一般的DHTML对象模型一致，对对象访问控制方式一样，就不再赘述。?　　2、在子窗体中访问并控制父窗体中对象?　　在子窗体中我们可以通过其parent即父（双亲）对象来访问父窗口中的对象。?　　如example.htm：?　　?　　　?　　　　?　　　　

hello,my wife

?　　　?　　?　　如果要在frame1.htm中访问ID号为myH2中的标题文字并将之改为”hello,my friend”，我们就可以这样写：?　　parent.myH2.innerText=”hello,my friend”?或者parent.document.getElementById(“myH2″).innerText=”hello,my friend”?　　这里parent对象就代表当前窗体(example.htm所在窗体)，要在子窗体中访问父窗体中的对象，无一例外都通过parent对象来进行。?3:frame的一个子元素访问frame的另一个子元素?例如：框架文件frame.html中嵌入了另外两个html文件?

??

?:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::?下面这段代码可以实现IFrame自适应高度，即随着页面的长度，自动适应以免除页面和IFrame同时出现滚动条。?源代码如下??HTML 标签?定义和用法?iframe 元素会创建一个包含另外一个文档的内联框架。?HTML 与 XHTML 之间的差异?NONE?可选的属性?DTD 指示此属性允许在哪种 DTD 中使用。S=Strict, T=Transitional, F=Frameset.?属性值描述 DTD?align left?right?top?middle?bottom?规定如何根据周围的文本来排列此框架。 TF?frameborder 1?0?规定是否显示框架的边框。 TF?height pixels?%?定义 iframe 的高度。 TF?longdesc URL 描述此框架内容的长描述的URL。 TF?marginheight pixels 定义 iframe 的顶部和底部的边距。 TF?marginwidth pixels 定义 iframe 的左侧和右侧的边距。 TF?name frame_name 规定 iframe 的唯一名称（以便在脚本中使用）。 TF?scrolling yes?no?auto?定义滚动条。 TF?src URL 在 iframe 中显示文档的 URL。 TF?width pixels?%?定义 iframe 的宽度。 TF?以下是本人自己在实际项目开发时利用frame写的一段源代码，仅供参考：?主文件（框架）：???教育局资源管理系统????????

???被引用的文件UserLogin.html：????

??????

?	? 会员登录?

???????????

用户名：?
密码：?
??

iframe 页面，自适应高度

假设主页面有一个div，里面放置一个iframe

3个菜单链接，分别iframe加载 1.html、2.html、3.html 三个不同高度的页面。
3个子页面分别在自己页面加载完window.on
load执行

function aa(){
var newHeight = document.body.scrollHeight + 20 + “px”;
window.parent.document.getElementById(“frameBox”).style.height = newHeight;
//以上firefox通过，但是ie6必须加上下面这句，不然iframe高度是改了，但是可见区域没有改
window.parent.document.getElementById(“frameWin”).style.height = newHeight;
}

【转】北邮生两月的赶集网工作生活

tienea — Wed, 13 Jul 2011 09:40:05 +0000

转自北邮论坛
发信人: Caolixiang (慕慕珍珍), 信区: WorkLife
标题: 我在赶集网的两个月 7.4(完结)
发信站: 北邮人论坛 (Fri Jun 24 23:44:42 2011), 站内
PS:更新结束，所有帖子已经整合。
给：爸爸妈妈、张翔、张思和我的朋友。

_____________________________________________________________________________

PS: 写这些不是为了晒幸福(自己现在很不幸福)，也不是为了晒经历;希望能分享自己的经历，认识更多的朋友，如果对提到的分析还感兴趣，我们可以相互学习。现在在研究人人网，大家一起来做吧。我认为做什么事不重要，关键是一起做事的志同道合的人，关键是几年后这些人还能不能一同默契的合作。

caolixiang@gmail.com QQ:568108047
_____________________________________________________________________________

(一)

百度三面后的第二天，接到了赶集网面试的通知。除了大嘴姚晨的广告，对这个公司毫无了解。

由于到得比较早，细心观察了一下。“做人要正，做事传奇”、“心胸坦荡，有抱怨向上走”这些信条很吸引我。

面试我的不是HR，是销售部的运营经理??GL，也是我以后的Boss。我第一次打领带穿衬衫，他让我不要紧张。面试过程很轻松，基本上是他问我答，他否定之，然后告诉我他的理由。那天完全被震撼了，后来公司内临时的会议打断了面试，于是他和我约定的第二次面试的时间。

步行到软件园东站时，胃开始剧烈的疼痛，从小到大感到很大的压力时我都会这样。我一路上慢慢思考，觉得自己菜得一米，有必要系统的学习一下，而且这个公司适合我。

第二次面试，还是他问我答，他否定。我一如既往地被鄙视，然后懊悔自己考虑不成熟就开口的行为。我也知道了数据运营的职责，了解销售数据，制定销售计划，确保公司年度计划的完成。在GL的眼中，运营做得多是监控，监控整个销售团队的绩效。他告诉我一个模型??针对需求去寻找方法，然后建立反馈流不停地改进这个闭循环。面试的最后，他问了我时间安排和态度，他说工作可能和我想得大相径庭，可能枯燥、无聊，但是正是因为枯燥、无聊才会使得工作更高效。

GL让我回去等消息，一周后会有答复。

我回去洗洗就睡了。一周过去了，没有一点消息，我不知道他的电话，也觉得打过去冒失。于是在百度乖乖呆着，两周后实在坐不住了，我觉得自己该做些什么。记得GL说过，房产业务是赶集网的支柱，于是我决定从这个点入手，通过房产中介去了解赶集网的业务。

在苏州街，我开始了调查。一家家中介问，刚开始什么都不知道，只好边问边学。我告诉中介，我来自赶集网运营部，希望了解他们的反馈，以便更好地改进工作。

从付费端口、竞价积分、用户界面、上户量这些方面，我逐步还原了中介眼中的赶集网房产频道。问题很大，埋怨声很多，后来我问的问题也更有针对性，从他们口中我还得到一些信息：我们的竞争对手58同城，搜房帮，安居客;我们的地毯式广告轰炸等等。

第一天一共刷了24家中介公司，并且答应他们一周后过来收集反馈，晚上做了统计表。第二天，我决定扮演58同城的工作人员，开始在知春路一带刷中介。

中介们并没有埋怨58同城的业务和费用，他们认为58收费合理，上户量较好，各个区域经理认真负责，定时会到店中了解情况。而对赶集网，他们的打分仍然不高，诟病的内容与苏州街一带基本相同。中宇慧通的店长胡泊先生和我聊得很开心，一个劲拉我入伙，要我和他一起搞中介，搞贷款。后来当然也经常去店里找他玩~

第三天，我决定了解赶集网的广告效果。随机做5趟公交，3趟全程的地铁。记录赶集网广告的播放情况，频度，每一次都用秒表卡时间。回来后把这三天的工作做了一个总结，得出了一些结论。

首先，赶集网的地毯式广告取得了很好的效果，对市民的曝光率几乎是100%，如果你乘坐地铁大于5站，很不幸，你会被轰炸3次(7点新闻时段除外);如果你乘坐公交3.7站，同样很不幸，你会被轰炸一次。在巨额广告投入的影响之下，赶集网全线产品开始涨价，这种涨价行为也招致了顾客的不满。其次，赶集网过度进行市场开发，忽略了可赢利性客户的关系管理和维护，页面改版并没有取得预期效果，反而增加了用户的学习成本;取消竞价积分赠送改用现金返还，遭致了顾客的反感……

第二周周二到第三极创新工场参加了另一个面试，磊友手机游戏平台的项目经理。一二面连在一起，“工头”认为我各方面都可以胜任PM，而且我似乎是他们的救命稻草。“工头”了解了我的年龄后觉得我太早熟了，这样活得辛苦。最后，我把他拒了，心中除了赶集网似乎什么都没有，包括在了快一周的百度。

周三，我到苏州街收集反馈，好几个人都认识我了。在二十一世纪不动产里，一个人木讷地看着我，我也很疑惑，他一直跟着我到了外面。他要检查我的工牌，我说我没有，他问我上司是谁，我说我不知道。他急了，说我凭什么冒充赶集网的人，这件事他非解决不可。最后他让我跟着他到了京东提货点，一边坐着，一边骂我。我一点都生气不起来，首先我把玩笑开大了，我做的调查没有得到授权，其次我通过调查了解了许多内部价格。但我很疑惑，到京东提货也是赶集网工作人员的职责吗?

当天晚上11点，我接到了GL的电话。大意是这件事我做得很棒，出乎他的意料。因为我的事情公司领导在内部会议时炸开了。GL让我准备一下，第二天销售VP要见我，一切看我的。

于是我开始打印表格、报告，连夜写一份总结。至于百度的工作，我决定先辞了。

(二)

第二天，GL把我带到了销售总监的办公室。一台Mac，一套煮咖啡的设备还有一个白板(后来看到的，当时吓傻了O(∩_∩)O)。

总监YT坐在桌子的另一侧，靠着椅子。他问我为什么要做这些调查，我说我想进这个公司;他又问我是什么学校什么专业的。

他知道了我是北邮计算机专业后，态度缓和了很多，他告诉我他也是学计算机的，在天津大学，后来转了销售。他说，技术转销售是一种取舍，可能再也回不去了，我现在可以做这个决定吗?我想了一下，告诉他基本可以，最后他问了我以后的职业规划。轮询后，我把报告交给了YT，他看了一遍，然后让我谈谈客户满意度为何重要。

YT出了总监室，然后外面传来了叫骂声，房产部的人被训了，我在里面也心惊胆寒。GL一直没有和我说话，专心地做他的Excel表格，就这样熬了二十多分钟。

YT回来时，决定给我安排到运营中心，让GL通知人事部的人去办。GL说他亲自办，后来才知道这个部门不招实习生，这个位置是YT争取过来的。

第一天下午做的事是了解赶集网的产品和业务，到了培训部那边听了一阵子客户种类区分，然后开始记录资料上的数字，包括访问量、PV、各时段峰值。

月底，周围人都很忙，第一周我算是比较清闲和自由。浏览赶集网每一个频道，看看《客户关系管理》也顺便学习Excel。

第二周，GL忙完了4月计划，抽了一天晚上?我开小灶，一同参与的还有负责市场推广的某姐姐。小培训在总监室里进行。首先他介绍了什么是运营，他认为运营是渠道管理。赶集网是一个社会媒体，也是一个广告公司，运营的职责是优化各项流程，提高流量的变现能力。他给我们恶补了网络广告的形式和发展历史，第一类广告??CPM是按照每千人浏览计费的，现在门户网站等还在用这种模式;第二类广告??CPC，按用户点击计费，百度推广，竞价排名后的实际点击干得就是这档子事，竞价积分就是通过改变绝对和相对位置使愿意出高价钱的公司或个人可以买到用户的点击(流量)，流量到现金的转化能力的提升是运营需要关注的;第三类广告??CPA，按照用户的实际行为付费，比如赶集网的PPC(电话商机)，赶集网提供对外号码给出资人，出资人需要向账户内充钱，当用户拨打号码后，赶集网系统会进行呼叫转移，同时系统开始录音。每一个有效电话(完成交易)的基本价格是5元，当然有些频道可以炒到700元以上。

GL还介绍了他的模型，通过客户、产品和销售人员三条主线分析公司盈利额，三条主线殊途同归但是展示了三个不同的角度，分析过程中可以解决诸多问题。

乱入的YT把我拦住，我让拿着白板笔给他重复一遍主要内容，于是只好上去写。他做了一个简短的总结，运营就是开源节流：开源就是提高流量的变现能力，节流就是通过优化流程，降低成本。

我们几个人一起离开公司，一直到了西二旗城铁。路过了百度大厦，灯火依然璀璨。GL说，他的上一个东家也是百度，做的工作是活动策划和数据运营，YT没有多说话。后来知道，YT曾经是百度的传奇人物，负责百度在整个华南区的销售业务，他开辟了华南区市场，从几千万的区域盈利额一直提升到4个亿，在来赶集网之前YT一直呆在深圳。

我的第一项工作是统计竞争对手58的方格业务，当时基本靠数，用手指一个个过去，一个下午就过去了。网灵通是58的另一个付费业务，以标记的形式分散在各个页面之中，一百多页后还有。GL问我，可以把网灵通的数量也弄出来吗?我说可以，我写程序抓~由于我们这边没有代理服务器，只好在1-10的随机间隔内一页页抓网页，然后拿出来正则匹配。保洁频道的很快出来了，GL让我接着抓搬家的，似乎有好几千页。

快8点的时候，刷新错误了，58开始提示输入验证码。突然发现输了也不管用，于是我意识到自己被ban了。一会儿对面做数据的姐姐发现58不能上了。我觉得不妙，到隔了几个办公区的204里找了一个电话销售，让他试试登陆58，也不能上。

整个个公司的IP段都被58同城ban了，我告诉GL，他们很淡定还觉得很好笑……不过正是因为这件事我认识了赶集网产品部的朋友们。

(三)

之后的工作还是数58方格广告数，计算每排、每列的个数，然后乘起来填到Excel表格之中。

数过搬家频道后，我到一楼去买雪糕，回来时看了看屏幕，习惯性地刷新。突然发现方格似乎发生了变化，我不是很确定，继续刷新，结果没有变……等了大概5分钟，再次刷新时发现新的方格出来了。当时很兴奋，好像发现新大陆一样。随后一想，我之前做的统计全部错误了，页面上可见的只是广告位数量并非真实的广告数量。

尝试用反复刷新的方式记录了几次，没有止境，于是打算从网页代码中找结果。常用的标签里没有相应项，在网页的尾部发现了JS代码，这些广告信息出于某种原因是动态生成的，但是所有方格广告的信息都在这长长的一行暴露了。

接下来用php写了一个脚本来抓取方格的实际数量，商户名和商户电话。在搬家频道中，一个时间点上的广告数为25和广告位数相等，但是实际广告数却大于70个。

我继续刷新，开始研究58方格的变化规律，发现58做了蛇形方向轮播，让每个广告按时间段出现在每一个广告位上并且经过每个时间间隔，会消失一个广告并且出现一个新广告。我向市场部的人要了竞品数量统计，发现几个月以来，他们提供的数据一直有误，比方说搬家频道，总是25个。这意味着，我们对58产品的了解是片面的，而且错误估算了对方的盈利额，也在参考对方业务的过程中，限制了自身产品的市场潜力。

和GL讲了这件事，他起初不相信，非要让我演示一遍。后来，他亲眼看到之后，无语了很半天，然后是烦躁。第二天，YT和三个业务部的负责人知道了这件事，反应很大，之后是他们无止境的会议。

销售部接下来采取了动作，重新定位竞争对手，重新对产品进行定价;考虑是否改变现有产品的广告位或者采取轮播;改变电话销售的流程。

经常和北交的SGY到汉王吃午餐(自助但是管理费很扯)，有一天他带我去拼餐，吃素菜。十多个人力几乎全部是技术和产品部的，一开始感觉有些拘束。他们吃饭时谈到了那次58 全面ban 了赶集网，我说是我干的，大家很快就聊熟了，几个前辈也分享了自己眼中的商业产品设计。

赶集网负责数据挖掘的YJ先生，至始至终对我很关心。饭后，他给我介绍了服务器管理常识，传给我一些技术PPT，也向我推荐了一些数据挖掘方面牛人的微博。

几天后，打开内部邮箱，看到了一封YJ先生CC给我的邮件。这次讨论是关于公司文化的，产品部沸腾了。

选择部分邮件内容粘在下面。(人名已经屏蔽)

???????????????????????????????????????????????

答复: 爱拼赢不了，拼到底才能赢

销售运营部门有位刚来的小朋友，叫CLX。

他思路开阔，动手能力强，前几天一同午饭时，他的分析和沟通，得到了在座同事一致褒扬。

除了本职，小曹能主动分析竞争对手与咱们的业务数据从而算出与竞争对手的差额，并进而提出模式改进建议。(部分可参考邮件附件。需要进一步了解可找我，或直接联系小曹)

提到这位同学，没别的意思，只是觉得一位未正式踏入职业生涯的小同学身上，有不少职业人能够学习的地方。

有下面几点，供参考。

1.为自己工作

理论上说，工作只是一种契约，倘若只将工作看成付出劳动获得报酬，那么人与工具无异。在赶集网，爱上自己的工作，为自己工作，才能获取比物质大的多的收益。将工作看成是为自己工作，是一种主动，也是一种快乐。不需要打卡考勤，绝不是一种可钻的空子，人在做天在看，为美好打拼的意义远超懒惰与贪便宜的小快感。

2.以结果为导向

任何工作活动，都要有结果，要清晰的知道目标和目的，得有实现结果的”势利眼”。为实现目标，谁都可以随时站到全局看问题，技术人员可以站在商务角度考虑问题，产品也可以了解一定的技术思路，这些方式、技术、工具、能力，都只是手段，甚至都不是最重要的，最重要的是随时知道想要的结果是什么，知道大家共同的目标是什么。

不该以”苦劳”来论成绩， BUG 百出的代码，看似忙碌，实则是一种破坏;冗长的会议也不好玩，没有结果的会谈任何人都该随时中止。

3.共生而不是惰化

一个人做不成任何事情，甚至都生存不了，人只有与组织共生。但组织大了常会有个体的依赖， 1+1

4.挖掘自身的价值

每个人都有别人不及的价值，我们在工作中都需要千方百计的把自身这些独特的价值挖掘出来，不用拘泥于现有思路，更不用局限于已有的经验。要敢做，要尝试不同的方式，同时也要尊重自己以外的每一个团队成员的价值。每个人都这样做，才能整体而全面的超越对手。

以上几点，不知道能否可以立即转化为可操作的方法，但我们在价值观高度趋同的大前提下，在战略大目标异常清晰的前提下，最重要的是落地 !

每个人都知道自己做什么，每个人都知道怎么做，这个组织的力量将是最强大的。各位同学，共勉!

发件人:XXX[mailto:xxx@ganji.com]

发送时间:2011 年4 月18 日 21:31

收件人:’ xx’; ‘ttt’; ‘yyy’; ‘ 产品部门邮件组’; ‘mobile.all’; ‘pm’

主题:答复: 爱拼赢不了，拼到底才能赢

老实说，如果我们都拼了，即使被对手甩开了，我们不会有遗憾。如果我们没拼，即使赢了，和我们没关系，我们会欠那些天天在公司打拼的人一个永远也无法偿还的人情。更何况，不去拼搏，还能赢。这样的事情有谁听说过?

对我们现在来说，最可怕的事情就是我们会逐渐变得平庸。而一家公司，或者一个团队的激情被消磨为平庸时，就不是某个人或者某件事情就能挽救的。

所以，我们千万不要变得平庸! 要用燃烧生命的态度去拼! 去让我们变得不平凡。

主题:答复: 爱拼赢不了，拼到底才能赢

让我来挑明吧:

今年和明年是我们与竞争对手殊死搏斗的两年, 如果这两年内我们没有抛开对手或者被对手甩开了, 那我们现在做的所有事情将毫无意义!

可能我们从春节过年以后, 看着我们市场推广了, 看着我们品牌知名度提高了, 看着我们的PV/UV 上升了, 心里沾沾自喜; 但是咱们自己问问, 这些事情和我们为之做出的努力有一毛钱的关系吗? 我们有什么可喜的? 如果产品和技术上面没有足够的优势, 市场和销售如何去利用优势打客户? 让他们只能求爷爷告奶奶 ? 那叫乞食! 换我们自己上, 你愿意干吗?

请大家严格要求自己, 从我做起, 坚持做好自己手里的每件事情; 坚守自己给出的承诺; 坚持维护技术部乃至产品部的尊严!让我们的名字留在赶集辉煌的旗帜上, 而不是写在某个默默无闻的墓碑上!

人生难得几回搏, 可堪回首的牛逼能有几回? 一个大好的机会我们没有发力为之去奋斗的话, 我们一定会遗憾终生的 ! 为了不遗憾, 为了今后向自己的儿子吹牛: 你老子当初也在赶集奋斗过!. 兄弟们, 加油吧!

???????????????????????????????????????????????

到这里收尾吧。

(四)

赶集网团购频道上线时间不长，在浏览其他频道的时候偶尔也会看看赶集网的团购频道。假期里有看过一些团购平台的定性分析，于是我打算从赶集网团购频道入手尝试一下定量分析。

首先建立了电子表格，最开始只有团购名称、日期、原价、现价、交易数量、单位让利、交易额几个项。翻阅往期团购，很快就可以得到这些数据和信息。

对团购而言交易数量和交易额这两个指标很重要。交易数量可以从一定程度上反映平台被关注、交易被达成的程度;交易额是平台上一个单子实际产生的效用：按照团购规则，平台商可以从交易额中提成，同时交易在达成之前，平台账户上每天会有现金流入。支付宝牛叉的一个原因就是在用户确定付款之前，这些钱都停留在这个平台账户之上(上次淘宝宣讲时提到每天进账8亿，比整个香港岛还多些)，这段时间内他们可以拿这些钱做很多事。

总结赶集网往期的11个单子，发现效果很差，除了做简单的排序，我得不到什么实质性结论，顺便就把58团购3月份所有的往期团购数据手动搞了下来(100多个单子)，很多单子交易数量或者交易额很大，理所当然滴很快我很快在这些数据中迷失了。

突破口是两个表项的加入，“细分市场”和“类型”。细分市场大致包括情侣(夫妻算入其中)、女性、男性、儿童、老人、无针对性;类型没有划分范围，基本上是直接定义，如摄影.婚纱。

再对表格按照交易额排序，我发现了一些规律：针对情侣、女性、儿童(不要频繁使用)的单子一般而言可以获得较好的交易数量和交易额;无针对性的单子，效果无法预估;针对男性消费者的单子结果不会很理想。(截图是58团购平台三月份按交易额及交易数量降序排序的TOP10)。

记得一个理念，通过数据还原业务。对比58团购平台这个市场的早期进入者，我们存在诸多差距，我认为追求同质化然后再追求差异性是一种较佳的发展方式，也就是他们有的我们必须都有，相同业务要和他们做得一样好，然后再考虑产品特色。不知道58是否用这个规律作为一个选择合作商家的标准，但是我们可以利用这个规律来为自己的平台服务，这样每一天的团购广告位可以得到更充分利用，也更好地实现“双赢”。

用这个规律去看我们往期做过的单子，可以对“效果极差”做一个很好的解释;试着预测了一下当天“男性全面体检”的单子(男性向)，数据出来时果真很糟。

除此之外，发现了另外一些规律。利用免费、秒杀这种手段可以吸引众多点击，提高平台热度，同时在一段时间之内，秒杀会促进相关类型单子的交易数量的提高。58做过一个“巴厘岛的双人免费游” 的秒杀，带来了312328的点击量，在交易的有效期内，相关单子交易数量也借势提升，就连到“十渡双人游”这种单子也跟着虎了起来。“秒杀”现象可以参照拉手、糯米、高鹏往期的单子，特别是“0元iphone4”。

利用节事展开营销是另外一种手段。为分析效果，我又加入了特殊标记和考察点这两个选项。特殊标记用于标记“妇女节”、“白se情人节”这些事件;考察点作为一个时间段，跟踪从标记点发起的所有团购。58团购在3月8号开始推出免费抽取针对女性的时尚音乐手机，效果一般，但是缺乏一段时间内的跟进。如果我是搞市场的，会在妇女节后连续做手机和针对女性的团购活动，因为这些用户会连续地登录，看看自己是否秒到了手机，也会看看这些我们有意用于吸引他们的 “新团购”。

GL说团购平台和销售部无关，但是我觉得有必要去找找负责团购的人。在另一间办公室里，找到了负责团购的YF(北京人)，花了一个小时和他交流，他表示很赞同。几天之后听说他们给大Boss交了一份报告，说是找到了团购平台的瓶颈并且建立了一种新的工作方式，并被表扬了一番。

有一天偶遇，被YF拉到了办公室。他给我展示了很多折线、饼状图，告诉我现在每天业绩上去很多，这种有针对性筛选商家的方法很赞。YF是手动输入的，连夜记录了58团购一、二月份的交易，现在想了解下拉手和糯米的情况。我觉得帮人还是帮到底为好，花了几天写了一个脚本，这样可以很快把所有往期团购都抓出来(规律仍然适用)，这个程序的第一版使用网页输出，第二版直接输出Excel表格，为他们节省很多时间。

离开赶集网后，YF还经常联系我。

我意识到技术的重要性，成为技术上的大牛可望不可即，可以应用技术解决我们每天遇到的实际问题就可以了。

(五)

新的一周里，经历了产品的重定价过程，这一周开始，我们运营组的几个人搬到了总监室。营销调研和营销情报是营销信息系统的两个重要部分。我们手上掌握了自己的月点击总量和销售额，还有竞争对手58同城的一些数据。

这个过程只能在一旁听和学习，主要是GL比划、YT提意见。GL提出了他的观点，根据数据统计，58与赶集网月流量基本相同，也就意味着我们开始平分市场了;这时58的广告总数*58的广告价格与赶集网此两项的乘积比值应该为1，我们一直少估计了竞争对手的广告总量，所以要考虑提价(我不赞同比值为 1这个假设)。

GL写出了一个公式，有一项是两家公司广告数量的比值，由于相似产品的相对位置不同，所以要引入相关系数(赞同)，具体这个系数是多少不得而知。 GL一拍脑袋说0.7，YT和我们都表示不认同。0.7是一个心智模型推算出主观概率，不说明问题，有一些可参考可行的解决方案，比如局部试验、记录用户的鼠标轨迹、眼动实验。

按照GL的估算，我们在广告位不采取轮播的情况下要在“精品”这个产品上提价3倍，一个季度超过1W，他自己也觉得不可行，也没有商家愿意出这个价格。

这件事具体怎么了结的，我不清楚也没有权限了解，经历了一次真实的产品定价过程却是宝贵的。

第二天中午天阴，灰蒙蒙的。我和光耀一起去吃饭，路过信威通信看到停车扯有人在厮打，一看是GL，被保安踹倒了。我们前去拉架，光耀差一点打了起来，我被拉扯了好几下。看着保安越来越多，我报了110，光耀去接车。

GL头和手被打伤了，两边还是不依不饶。起因是GL他们计划开车去呷哺呷哺，停车不太符合规范，两边人都嘴欠，GL肝火一旺就上去了。看到自己Boss被打感觉很不好。

110 一到，保安开始扯谎，说我们都打他了，四个人动手。公安问他的头头是什么安保公司，头头说不知道，不认账。于是我们被一起带到了上地派出所。得饶人处且饶人，事情能解决就好。保安假寐了一会儿开始和他姐姐打电话，说是2个人打了他。一会儿民警来了，他又说3个人打他，4、3、2来了一遍，我容忍不了这种性口雌黄。

调解中，我们都登记了身份证号码。主要是GL和保安，他们被带到了审讯室里，民警让他们和解，和解不了分别拘留 15天。我和几个主管在外面等着，一个打工的人进来了，一个民警指着就骂：就你丫这傻样，谁打你你都不知道，别呆北京了，滚回老家去。这句话让我不爽了好几天，记得格格唱过“北京北京，不是我们的家”。

一直到2点，GL还饿着，我去给他买饺子和鲜橙多。一到门口，民警说只能带真空食品，饺子里会藏东西，我直接求他了，没有作用。。。GL好像妥协了，自己被打了还答应付医药费给别人。PXX在外面坚决不同意，说是要是在哈尔滨，那个保安绝对悲剧了。大家决定让我进去调解，民警答应了，进审讯室前看了看我的身份证，他说，90年的出来混这些年也不容易(我很无语)，进去就事论事，不要威胁别人，然后把我的身份证号和保安的互换了，交代我们如果相互看不惯，不服可以去起诉对方，记住了吗(我很无语)?

我听保安把事情讲完了，试图让他们相互道歉，毕竟把事情闹大不好。我说您下午还要看停车场，我们还要工作，大家低头不见抬头见，搞僵了不好。后来时间一到我被民警拉了出来，不一会儿他们答应和解了。

我们到对面餐馆吃饭，GL被打得只能喝汤了，吃完饭冷不防指着我一句：“就你这王八蛋，谁叫你报警了”~

大家很是关心他，买了双氧水、纱布和棉球~

回到赶集，开始重度心烦+郁闷。上人人看了姑娘的主页，翻到了她很久以前的一篇日志，有一副插图。

一年前，大二时到宏福校区给学弟、学妹讲Java时用过这幅图，这是一个巧合，很快有些惬意了。

回到寝室，快11点了。飞信上姑娘说想去北川做茶叶，可能要休学一年。我知道劝也没有用，于是索性就说了，如果这是她的决定，我尊重，我也休学。她问我明知道是坑也跳吗，我说跳，虽然觉得这件事成不了，但是我有责任去和她一起承担。

今年三月在北师认识了姑娘，第一次觉得那么在乎一个人，我也不知道这种在乎对于没有恋爱过的我意味着什么，姑娘是北京的，我是南京的，想想会感觉到很无助……

路过知春路时，看到一本盗版书??《女人挖坑男人跳》，自嘲地笑了。这一周里，情绪低落，基本垮了。

在西二旗打车，司机问我怎么不开心，我倾诉了一下，陌生人没有什么好防备的。他说，我太学气，不是当你什么都有时，别人才会和你在一起，你要接受现在的你。我们到了五道口，请他吃饭，吃过后，他非要付账，然后把我送回了北邮，不要我的车费。突然很感动，在陌生的城市里，不认识的人也是哥们。

(六)

四月中旬，GL把我们几个运营组的人召集起来开了一次会。会议的主要内容是探讨如何优化各个流程。他问问题，然后在白板上画各种图(围绕ARPU)，能答上问题的只有DX姐姐，术语很多。

GL 说如果我们能建立一个成功的运营体系，以后就是前人栽树后人乘凉了。我负责电话销售优化这一块。GL谈到了各种影响因素，比如培训部的各项工作。我认为应该从培训入手了解情况，原因有以下两点：第一，培训的人从来没有做过具体的销售工作，他们制作了很多PPT，总结了很多话术技巧，我质疑这些材料的价值;第二，如果一个业绩糟糕的电话销售在被点名接受培训后，进步巨大，无法对的进步归因??是培训的结果，还是自我驱动的结果。当时有一个想法，让培训部的所有人去做一段时间电话销售，合格后方可以继续工作，但又觉得这件事不靠谱，会得罪很多人。

我决定从售前、售中、售后三个环节去寻找电话销售改进的可能性。下班前问GL他是否做过电话销售，他说没有。我们到了华夏楼下，我告诉他，我想试试，我自己不去打电话找不到问题解决的方法。GL很高兴，他说如果我想回百度，他可以推荐我回去，我不知道是不是测试忠诚度，我说我会好好坚持下去。

回到办公室，GL把我分给了服务部的负责人SF姐姐，然后SF把我调到了YHN阿姨的组中，这个组全部是新人。GL说，你要给我们争脸，我觉得我是去解决问题的似乎和争脸无关。

当天晚上在知春路买了一本《销售圣经》，然后构思了一晚上我该怎么打电话。其实内心里很排斥销售，总觉得销售和贿赂、饭局、声色场所挂钩。

第二天早上，SF姐姐帮我借了一个接听器让我听别人打电话。第一个姐们很悲剧，我一接外呼，她那边就没有声音，于是换了一个哥们继续听，顺便把他讲的话记下来。不幸的是，他联系的都是意向客户，彼此认识了。开场是自我介绍，然后各种哥、嫂子叫个不停。

对方拒绝的理由也很简单，要么是不在北京(注意，号码是北京的座机O(∩_∩)O)，要么是自己做不了主要问他娘子。总体感觉客户几乎是互联网盲，他们总是跟不上电话销售的节奏，还有很多人不认识赶集网，于是乎各种“赶集网老虎了”的话就出来了。

有一点点心动的客户就和他们约时间和地点，那个哥们做事不够干脆，不把时间约在时间点上而是在时间段上，而且没有从客户的角度考虑，总是说自己的时间安排而不是将就别人。

我排斥叫哥、叫嫂子这种做法，决定不使用这种策略。中午时，SF姐姐问我收获如何，我说有一些，我让她下午让我打电话，我计划打45个，15个一组。

开始打电话时，发现没有客户资料，得自己去58同城、百度、简单网找。这是售前搜集资料的问题，大家盲目找很制约效率，而且面对的是相同的资源：一个电话这个人打完另一个再打的现象会经常发生。如果一天接到赶集网的5个不同的人打来的电话，客户会很崩溃，要么后果很严重，要么就是“求求你，别打了，我给赶集网付费还不行吗?”。但事实上第一种事件可能性最大，第二种会在百度这样的公司里频发。

打电话前需要把客户号码粘贴到一个浮动窗中，按下绿色按钮后，CRM系统会自动连接，同时录音开始。我决定打搬家这个行业，头15个电话全部悲剧，特别是提到赶集网以后。礼貌的人会说，我在外面，我没时间;不礼貌的人骂去你妈的，或者把电话直接挂掉。被别人挂电话，是一件非常不爽的事情，我发现昨天晚上准备的策略和构思完全没有作用。

第二组仍然悲剧，我决定换一种方式。自报家门相当于告诉客户你要向我交钱，我为何不换一种身份呢? 我可以先扮演他的客户，然后再逐步转换身份。这种方式取得一定成果，终于达到了一个意向客户的标准，与此同时我发现一个另外的问题，客户对报价很敏感：有几次基本上钩了，我一报价，他就挂电话，于是我决定在最后一组中隐瞒报价，直接约见见面时间和地点。

我构建了一个情景，而且这个情景很适用??我告诉对方(搬家公司的老板)，我住在马甸桥现在想搬到罗庄西里的大月园，现在在6楼，要搬到1楼去。家里有一台星海钢琴，以前搬家时被钢琴被搬家公司摔坏一个脚，所以很在意也很质疑他们的能力。

这样开场后，老板会花很长时间介绍他的“专业团队”，然后向你各种保证。我会接着问他们的车辆(是金杯还是开车)，让他们安排路线和计划。当你和客户能连续聊5分钟左右，这时你就可以改变话题了，他们一般不会骂去你妈的或者挂你电话了(2次例外)。

然后我开始介绍赶集网的各种产品，他也不好意思拒绝。最后他开始问报价，我告诉他我也不太清楚公司的内部的定价，但是价格他们可以承受，而且这是一个利用网络开展营销的绝佳机会。最后是约时间和地点，一般直接约到赶集网，如果对方不方便可以约到他的店铺或者工地，接下来的事情就可以交给产品的人了。 PS：很奇怪他们最后对我要搬家这件事不感兴趣了。

最后一组我打成了11个意向电话。单组战绩是11/15，加上前面的2组，综合战绩是12/45。我问了SF姐姐，这几百个人里，最狠的能在100个电话里达成几个意向客户。她看了一会儿统计，告诉我7、8个，你可以试试，我算了一下我至少可以打30个。

晚上YHN组开了一个小会会，她宁报了一下我的数字，然后十几个人起来拍手，当时很飘然。之后他们调了我的电话录音，感觉特别别扭，前面像童声后面像鸭子。

(七)

CRM不仅仅是一个软件、一个系统，而是一项重要的职能??维护和管理可持续盈利客户。

赶集网CRM系统主要是记录客户资料，记录内部电话销售录音这些信息。其中客户又分为新录入客户、意向客户和流失客户(流失客户统一放到公海)。每个电话销售新成功录入的客户会被保护起来，其他人不可以再次录入;电话销售也有权利把自己的客户放到公海中并且从公海中抓取别人流失客户。

售前寻找客户这个阶段存在很多问题和盲目性，许多行业存在天花板(保洁、驾校行业牛叉的公司就这么几家)。解放电话销售并提高他们的效率，应该建立一个自动抓取和过滤客户信息的系统，或者让专门的人从事信息的收集、录入工作。第一种方式需要花费大量的开发成本，第二种方式忽略了每个人的主观感受：首先挑选客户需要一定经验，销售的工资由底薪+提成构成，很少有人愿意专门从事收集客户资料的工作。

以电话数衡量为指标规定电话销售的工作量，不是很合理。从4月份新签客户的记录中，我得到了客户电话，详细查看和收听了针对该客户的每一次呼叫(可能由不同的电话销售完成)。其中一些电话，在这里不妨称作关键电话(客户的态度发生了根本改变)，时长基本超过6分钟：较电话量这个标准，单次电话通话时长这个指标更为重要。这个意见及时和GL做了沟通。

我们做了一个实验，抓取了58同城各个频道方格广告的客户资料(这些客户的支付能力较强)，然后让一个组的人集中打这些电话，效果明显要好很多，这个实验说明优化客户资料的重要性，恰当的优化和正确的筛选标准可以从质上提高电话销售的工作效率。

赶集网在4月份开始进行电面分离的尝试。也就是改变电话销售的职责，电话销售只负责寻找意向客户，不用介入签单;专门的人??面销，负责约见客户并签单。这个计划看起来很好，更像流水线的工作方式，但是忽略了员工的个人感受。

工作中发现一个现象，两个实验组的电话销售，情绪不佳，绩效也不是很好。一些人直接从电话销售变为了面销，一些人电面结合(这些人引起了组内敌视)，还有一些人只做电话销售。

之后我决定针对CRM系统的改进和电面分离这两个问题做了一次对两个实验组的20几个电话销售的分时段面谈。

面谈的结果中有许多不一致性，主管和各个电话销售的意见极不统一。在主管看来，电面分离是好的，应该拥护(他们的工资结构与销售不同);就销售看来，电面分离严重挫伤了工作的积极性和目的性。电销和面销之间的交流衔接存在差异，导致了信息的不对等。以客户的角度考虑，交易的一方始终在变换会带来极大的不安全感。对于CRM，大家都反应了他的臃肿和低智能化。

我和GL汇报了结果。在电面分离这件事上他的意见是：电话销售们挑三拣四，下个月压死他们或者让他们滚蛋。这个意见我不接受，我认为一个公司里员工满意度这个指标是很重要的，与员工工作的绩效和面对客户的态度正相关;在CRM上，我提出了一些改进方法，我们必须建立一种防止客户被反复骚扰的机制，一方面节约电话成本，一方面不至于一次就把客户打死。

GL把我带到了楼下，这一次是说我想得到的太多了，让我先耕好自己的一亩三分地再说。他反复提了功高盖主这件事，还援引了一些他的经历，我隐约感觉到事情会向不好的方向发展了。

第二天继续了解各个组的主管对CRM系统改进的意见，到ZY组时，我说了一下自己的想法。他说，昨天GL已经和他聊过了，是不是GL也和我讲了。。。当时很无奈，自己说过的话做过的事变成别人的，这种事经历过好几次了。

(八)

故事的结尾，似乎总会有一个唯美的结局。我却在经历一个个悲剧，总是不堪一击;总是觉得自己从一道光变成一个点，点的墨迹逐渐模糊、模糊，然后消失。

最后一项工作是从服务部转到招聘部，继续去监控电话销售的绩效。还是一样的问题：销售们盲目地渗透智联招聘、51job、中华英才、58同城的客户，这种做法是饮鸩止渴。

周四不情愿地翘了数据库的实验，一大早到大钟寺搭上了地铁。突然觉得一种不协调，在人群中穿梭，看着上班族们在屏蔽门打开后的一瞬间飞奔出来……

我是一个挺顽固，可以变态到吃一个学期酱香鸡腿饭的人。现在却逐渐开始厌恶我的工作??眼睁睁地看着一件事被别人越做越烂却无能为力。

周五，在地铁上看到了58同城广告(杨幂)，连忙用手机拍了下来，然后开始记录广告的间隔，高广告投入必然带动产品全线溢价。以赶集网的“精品”为例，年后大规模广告轰炸后定价从2000左右，一直冲到了3000+。

非新闻时段，58同城的广告间隔差不多是34秒，单日广告投入在赶集网之上(地铁、公交等)。广告作为一种价值沟通的手段，可以扩大品牌的知晓程度，广告文案从很大程度上觉定了品牌在消费者心目中的定位。“赶集网，啥都有”和“不找中介找房子，不花钱招人才，一折吃喝玩乐，闲置物品能换钱”这两个文案对比起来高下立判。

有人说，58的文案很烂，直接得罪了中介、招聘网站，但互联网争夺的是用户的心智资源，这是一个用户为王的时代。说道租房子我或许会直接想到58同城，但是一定不会想到赶集网，“赶集网啥都有”只是一个杂货铺。

我尝试计算了一下58同城广告的涨幅，仅使用广告频率和赶集网的平均涨幅这两个数据。假设，我从公交和地铁这两个渠道统计的曝光频率代表了58同城所有广告的曝光频率;又假设58在定价时会充分参考赶集网的单位定价涨幅。这两个假设都很极端，但是我可以大致锁定一个范围。比方说58方格广告：广告前 2400，广告后可能会落在“3300-3600”这个区间内。

再一次找到了GL，这一次又被他叫了下去。GL说，这是杞人忧天，赶集网做到现在了，死不掉了，市场会让他活下去，即使公司内部还是一个烂摊子。

周五晚上，在新浪微博闲逛，到了雷军同学的主页。随意发了一个私信，没想到回信了，他说现在暂时不投资其他项目，向我推荐了一个他的师弟LHB，这个人也是天使投资。周六和LHB先生邮件，奇迹般获得了面谈的机会，然后就大家投入到了商业计划书的修改之中。

此后一周没有到赶集网，周一有请过假，GL说他知道了。周四进入最后排演，然后通宵。当时觉得被鄙视的可能性很大，但是我们得认真做，哪怕只有1%。

周五一早完全恍惚，我和LC一早从北邮出发，到清华大学找ZX，一般吃午饭一边排演，另一头ZS还在北师紧张地统稿。

最后还是被LHB“鄙视”了，理由很简单??三个大三和一个大二的孩子。

第二天GL把我也鄙视了。

新的一周我到赶集网办理离职，在两个办公地折腾了三次，意外的知道了58方格的新定价??接近3500。

后来和产品部的XT姐姐和KS前辈聊了很长时间。事后才知道，在运营中心这段时间，产品这边和GL要过几次人。

离开公司后，商业产品总监XJ姐姐给我打了电话，问问了大致的规划，以及是否换一个部门。很感激大家给我的机会，尤其知道了XJ姐姐也曾是北邮人以后。但是我需要一段时间去调整自己，感觉到了现在还在迷失。

感谢没有见过面的CYY姐姐对我的评价。

感谢赶集网的大家，GL、YT，产品部所有前辈，光耀学长以及素菜团的大黄、YJ。

就在这里结束吧，谢谢大家。

睡前睡后一场梦

tienea — Mon, 13 Jun 2011 05:24:30 +0000

多年来ZF做到最好的工作就是税收，个税起征点等讨论是非常的积极效率也很高，没几个月就能制定出来并加以有效落实。
我们先来看看生活中到底都有哪些税，税前税后的差距为何如此之大

淘宝的泛SNS化浅见

tienea — Mon, 30 May 2011 07:41:30 +0000

源于马总在年会上的讲话，淘宝必须要SNS化。但人们很难理解，淘宝为什么要SNS化，不老老实实的干本分的事情，也来掺或SNS潮，是看中了SNS的裙带效应吗？我不知道！也没想清楚这条路该怎么走，但我相信淘宝是一个很成功的购物平台，也深信大淘宝生态圈会给更多人带来就业机会，给更多合作伙伴带来商机。

世界上任何一种互联网形态的产品，都逃离不了社会化，社会化是互联网“进化”的必然方向，淘宝的发展亦不然。我个人认为目前的淘宝，它只是将传统商业通过互联网的形态电子化，所以现在淘宝的主体是商品信息。不过我相信马总、老陆及公司高管们，真正想要淘宝成为一个基于互联网的商业社会。这是一个非常伟大的事情，现实的商业社会将被转移到淘宝，不仅仅是商品、商家，更重要的是消费者的关系网络。

淘宝SNS到底是应该做熟人关系链，还是做泛关系链；关系形态是以好友为主还是同好为主。也在思考facebook、人人网、开心网、新浪微博、豆瓣等各种社交网络产品，这些都不会是淘宝的要走的路。用户要沟通，要交际，要窥探，要猎奇，他们会选择facebook，人人，新浪微博等产品，他们不会选择淘宝，他们来淘宝的目的太明确，就是购物。我们推送店铺上新、活动、导购、团购，新品预售等信息给客户，因为这些是客户“关注”的。我们帮助客户找到同喜好，朋友，建立育儿、书评、装修心得、街拍、DIY、创意等各种兴趣圈子，让他们自由“分享”。我们帮助客户在商品，类目，店铺，咨询，买家，卖家直接建立“关系”，让信息能更直接的传递。这些是用户上淘宝的购物之上的延伸需求，是可以通过社会化的方式很好地解决。

商品商业相关的信息会不会没有新浪微博新闻内容更具需求或者更娱乐性，会不会这类信息不便于拉好友或者好友间传播，也许他们一会看完就走。这点现阶段一定存在，只有去走了才知道接下来怎么走。在同好之间这点或许会好一点，比如在当今的商业社会里，新闻性信息不能当饭吃，商品商业信息则更重要。淘宝SNS化，是通过社会化的方式进一步缩短商家和消费者信息通路、加速两者之间信息对称的事情，信息就是省钱和买对宝贝的事情（当然这是狭义及浅层次的理解）。聚划算做得不错，因为它通过小二的挑宝贝的信息来缩短商家和消费者通路距离。

我们面临了两个困难，如何激活用户在淘宝的社交欲望？如何找到一个切入点，让用户觉得买东西和兼顾兴趣爱好是多么惬意的事情？能想明白这两件事情，接下来才是架构长什么样，界面长什么呀，应该有什么功能。我想我们应该忘了facebook，忘了SNS，忘了一切我们能看到的固有的模式，我们也能创造新的适合的模式。

马总助理Brain（李俊凌）之前的一个分享。大意是：用户信息获取途径的不同，获取信息类别的不同，使得在三个象限，都产生了行业寡头，处于绝对垄断的位置。每个不同象限的龙头，又分别向其他象限的地盘扩张。下图中的问号，是互联网最重要的一个趋势方向。Brain觉得，这个象限所诞生的寡头，价值总和，远高于其他三个象限龙头之和。用一张图来诠释，大意如下：

淘宝的SNS一定不是独立的，一定是一种渗透，每一个环节，每一块内容，只要用户需要，我们就应该建立信息的连接。如果今天要做纯粹的人和人之间的关系，我觉得没办法，如果我们抛开固有模式做信息载体和信息载体之间的关系，也许是可以的。

天艺 | 关注体验专注设计，ui ued 卡通动漫 界面设计 网站设计

Tienea Portfolio

iPad触摸屏切换滑动效果

iPhone4S 全新的智能体验

Steve Jobs

MOTO DEFY(ME525)

Green wireless city UI demo

HTML iframe 用法总结

hello,my boy

hello,my wife

hello,my boy

hello,my wife

hello,my boy

hello,my wife

hello,my boy

hello,my wife

iframe 页面，自适应高度

【转】北邮生两月的赶集网工作生活

睡前睡后一场梦

淘宝的泛SNS化浅见

天艺 | 关注体验专注设计，ui ued 卡通动漫界面设计网站设计