提示:这里是模拟网站的后台操作,看一下给网站换焦点图,是不是像给播放器/浏览器换皮肤一样那么简单?
切换风格/刷新时如果看不到效果请多次点击"应用"(网络延迟问题)

1、myFocus自定义风格应用介绍

所谓自定义(Self Defined),主要是指它们的html结构与标准风格的html结构不同。正因为这样,它们不能像标准风格那样,更改myFocus.set()中的pattern参数即可应用(前面的Demo全部为标准风格)。所以如果你想使用它们,除了更改pattern参数,还需要套用它们的html结构。

它们的风格应用名称一般为:mF_sd_name,在谷歌code中的目录为pattern-sd/。(pattern/为标准风格目录)

2、具体例子

1、mF_sd_qqyue , 国内娱乐门户常见的焦点图风格

由于此焦点图中除了标题、描述,还多了一大段文字,所以需要用到自定义结构风格

查看Demo

2、mF_sd_tab2 , 高端的tab选项卡应用(支持复杂的tab内布局、支持嵌套)

之前已经发过一款myFocus-tab的html是基于ul-li 的并列结构形式,现在这款则是dl - dt - dd的单体结构形式,使用可能会更方便一些。

查看Demo

3、mF_sd_tqq,仿腾讯微博轮换

现在微博非常流行的应用

查看Demo

© 2010/11/28 | Blog:WEB开发笔记| Created by koen_lee