jQuery Parallax Scrolling Website(视差滚动网站制作)

jQuery Parallax Scrolling Website(视差滚动网站制作)

23

November

2012

唠叨一下:
一直没时间去研究视差滚动的内容,乍看之下还觉得挺难、蛮麻烦的,不知道你有没有同感?我在度娘找了半天,也没找到什么有用的资料(起码我没找到,要么就是写的像天书一样,没精力去折腾)谷歌么自从X8大以来,一直处于悲剧状态。这两天正好空闲下来,就又去找了下相关的资料。不看不知道,一看吓一跳,顿时恍然大悟,原来那么简单。。。

什么是视差滚动?
视差滚动(Parallax Scrolling)视差滚动是一个二维动画制作过程,创建一个动画前景层的速度比背景层深度的幻觉。简单的说,就是让多个层面的东西(如果你有接触过PS或FLASH,应该很容易理解"层"这个概念),以不同的速度移动,形成立体的运动效果。举个例子,当你坐在行驶中的汽车内,看着窗外近景的树木,再看远处的山或事物,你会发觉树移动的很快,而远处的事物却移动的很慢。视差滚动使用相同的原则来误导人们眼睛,以为他们所观察到的3D场景。具体描述,可以查看维基百科 Parallax scrolling [ 查看全文... ]

Ublue jQuery 弹出框 始终垂直于屏幕中间 完美兼容IE6

Ublue jQuery 弹出框 始终垂直于屏幕中间 完美兼容IE6

22

November

2012

今天继续和大家分享一个jQuery弹出框的代码。代码本身很简单,最关键的问题就在于兼容性方面。

HTML CODE:

<a class="popBtn" href="javascript:void(0)">Click Me</a>

<div class="popLayer">
	<div class="popLayerTit">
		<h2>Title</h2>
		<i class="close">[ 关闭 ]</i>
	</div>
	<div class="popLayerCon">
		<p>Text or Other content</p>
	</div>
</div>
<div class="maskLayer"></div>

[ 查看全文... ]

Ublue jQuery Tabs插件 支持自定义样式 可多次调用

Ublue jQuery Tabs插件 支持自定义样式 可多次调用

20

November

2012

这是我蛮早以前写的一个插件,自己平时的一些项目也是用的这个。一个页面中可以多次调用,并且支持自定义样式。使用的方法也很简单,只要类名一一对应就行。使用方便,如果有什么问题,直接给我留言就行。

调用方法:

$(function(){
	$(".tabs").UblueTabs(); //默认调用方法

	$(".custom").UblueTabs({ //自定义选项卡区域
	tabsTit:".customTit", //自定义标签区域
	tabsTab:".customTab", //自定义标签
	tabsCon:".customCon", //自定义内容区域
	tabsList:".customList", //自定义内容列表
	tabsHover:"customHover", //自定义鼠标点击后样式
	eventType:"click" //鼠标经过标签切换内容 (此处不写则默认为hover事件 当然也可以把这里的click改成hover)
	});
});

[ 查看全文... ]

微信之父张小龙 – 微信 简单之美(四)

微信之父张小龙 – 微信 简单之美(四)

19

November

2012

第11章 移动互联网产品设计的15个原则

1、绝不考虑Web形态,一切考虑都基于APP。

2、产品优先级:
(1)有趣高于功能,产品必须有趣,必须Cool,才可能形成传播和口碑。
(2)功能高于交互,明确的功能满足明确的需求,用户不会在意炫酷交互效果。
(3)交互高于UI。便捷、快速的交互设计为先,围绕具体功能实现UI,而非有优质UI方案为此专门设立一个功能。

3、聚焦:一个APP只做一件事情,一个大而全的APP意味着全面的平庸。

4、永远一维化:让用户在一个维度里解决具体的问题,Twitter的Timeline就是一个好的范例。而类似Facebook、Path那样的滑出式菜单则是一个灾难,因为这使得产品拥有两个维度,加大了用户理解的困难。 [ 查看全文... ]

微信之父张小龙 – 微信 简单之美(三)

微信之父张小龙 – 微信 简单之美(三)

19

November

2012

第7章 微信背后的产品观

2012年7月24日下午14:20---23:30,我应邀参加了《腾讯大讲堂》的特别讲座,由微信之父张小龙主讲《微信背后的产品观》。张小龙的讲演长达8小时20分,是我此生参加过的最漫长讲座。

腾讯为此开设17个分会场,同步直播讲座,参加者超过1700人。晚上19:10分听众晚餐,20:30继续进行。恢复演讲时在线直播用户依然有600余人,加上分会场听众,总计有超过800人听完全程讲演。很多人并不知道,这可能是张小龙第一次也是最后一次做公开讲演,在公众面前讨论产品。在这次演讲中,他把自己15年来关于产品的所有经验和心得一次性全部公开,今后将不再做类似公开课。

这一讲座受到腾讯保密协定约束,因此其中令人惊叹的新产品特性演示不可以对外公开。同时腾讯大讲堂举办的这一公开课的目标群体是腾讯两万余员工中的产品经理,其中涉及大量腾讯公司业务也不宜对外公开。因此,作为唯一的受邀外界自媒体,我只能根据授权部分内容进行阐述。因此,腾讯相关人士请先阅读下一段落的内容: [ 查看全文... ]

微信之父张小龙 – 微信 简单之美(一)

微信之父张小龙 – 微信 简单之美(二)

19

November

2012

第5章 产品定位和人性化满足用户

用一只蝴蝶引发一场风暴,虽然这样的事在自然界非常少发生,但理论上也是有可能的。所以我们更多的聊一聊这个功能,觉得挺自豪,因为它是非常简单的一个东西,但是在用户里面引起了一场“风暴”。

产品定位很重要,我们说很多时候产品经理做的是功能而不是定位。功能是做需求,定位是做一种心理诉求,也就是说定位是更底层的一些心理供给。

最后说我们做的东西,能够把它做到底层的需求。就像我们做微博,如果只是说我们要打开微博,跟用户无关系,跟用户的心理动机无关。如果我们说微博能够满足用户的心理诉求,让他获得安慰感、排除孤独感,让他获得成就感,让他在里面更加自信,让他在里面像一个敌人一样,虽然这些诉求对用户来说不一定是好事,但是他自己意识不到。 [ 查看全文... ]

无觅相关文章插件,快速提升流量