使用switchTab实现的焦点图--修改

1234
利用superslide库实现信息公开多级分类效果定位!
利用superslide库实现信息公开多级分类效…
当信息公开客户需要多种类别分类时,而在跳转页面后能实现定位到确定某个分类下效果!如下图: 经过考虑以后决定利用已有的superslide库效果以简…[详细]
政府网站设计注意事项
政府网站设计注意事项
一、头部标识区醒目展示网站全称的情况,也就是一定要有网站全名“某某市人民政府”。容易犯的错误是用只用“中国.某某”来展示网站…[详细]
不可不看的2018UI设计趋势
如何科学的配出高级而又丰富的颜色
说明:
这是通过修改switchTab代码,实现鼠标悬停时停止自动切换后的效果,也是我们最终需要的效果。

万能焦点图默认样色

1234
利用superslide库实现信息公开多级分类效果定位!
利用superslide库实现信息公开多级分类效…
当信息公开客户需要多种类别分类时,而在跳转页面后能实现定位到确定某个分类下效果!如下图: 经过考虑以后决定利用已有的superslide库效果以简…[详细]
政府网站设计注意事项
政府网站设计注意事项
一、头部标识区醒目展示网站全称的情况,也就是一定要有网站全名“某某市人民政府”。容易犯的错误是用只用“中国.某某”来展示网站…[详细]
不可不看的2018UI设计趋势
如何科学的配出高级而又丰富的颜色
说明:
这是万能焦点图的默认效果。一切从这里出发。
可以根据需要,调整css来实现所需要的样色。例如上面的“使用switchTab实现的焦点图--修改”就是用css隐藏新闻内容,调整标题栏高度来实现的效果。

万能焦点图 -- 其它效果A

1234
利用superslide库实现信息公开多级分类效果定位!
利用superslide库实现信息公开多级分类效…
当信息公开客户需要多种类别分类时,而在跳转页面后能实现定位到确定某个分类下效果!如下图: 经过考虑以后决定利用已有的superslide库效果以简…[详细]
政府网站设计注意事项
政府网站设计注意事项
一、头部标识区醒目展示网站全称的情况,也就是一定要有网站全名“某某市人民政府”。容易犯的错误是用只用“中国.某某”来展示网站…[详细]
不可不看的2018UI设计趋势
如何科学的配出高级而又丰富的颜色
说明:
在“万能焦点图默认样色”上,只通过修改css实现的另一种效果。

万能焦点图 -- 其它效果B

1234
利用superslide库实现信息公开多级分类效果定位!
利用superslide库实现信息公开多级分类效…
当信息公开客户需要多种类别分类时,而在跳转页面后能实现定位到确定某个分类下效果!如下图: 经过考虑以后决定利用已有的superslide库效果以简…[详细]
政府网站设计注意事项
政府网站设计注意事项
一、头部标识区醒目展示网站全称的情况,也就是一定要有网站全名“某某市人民政府”。容易犯的错误是用只用“中国.某某”来展示网站…[详细]
不可不看的2018UI设计趋势
如何科学的配出高级而又丰富的颜色
说明:
在“万能焦点图默认样色”上,只通过修改css实现的另一种效果。

万能焦点图 -- 按钮为图片

利用superslide库实现信息公开多级分类效果定位!
利用superslide库实现信息公开多级分类效…
当信息公开客户需要多种类别分类时,而在跳转页面后能实现定位到确定某个分类下效果!如下图: 经过考虑以后决定利用已有的superslide库效果以简…[详细]
政府网站设计注意事项
政府网站设计注意事项
一、头部标识区醒目展示网站全称的情况,也就是一定要有网站全名“某某市人民政府”。容易犯的错误是用只用“中国.某某”来展示网站…[详细]
不可不看的2018UI设计趋势
如何科学的配出高级而又丰富的颜色
素材管理软件推荐
素材管理软件推荐
设计师的电脑都是一个大宝库,里面收集了各种各样的素材,经过多年的积累,素材越来越多,体积也越来越庞大,一不留意管理就会非常的混乱。那一款好…[详细]
说明:
可以通过参数“optionalExtend”控制切换按钮为图片还是数字。默认为按钮,当填其它值的时候为图片,例如optionalExtend="pic"
在“万能焦点图默认样色”上,只通过修改css实现的另一种效果。

万能焦点图 -- 调用广告数据

12
万能焦点图2
万能焦点图1
说明:
焦点图通常也应该用于广告位,所以这里也提供调用广告位数据的标签“zx-焦点图切换-广告.config”,
调用:PE.Label id="zx-焦点图切换-广告" outputQty="5" advZoneId="1"
当然也提供optionalExtend参数来设置切换按钮为数字还是图片,例如optionalExtend="pic"。

扩展:这里是用两个“内容带图片的信息列表_普通式”实现的效果

说明:
只要理解了switchTab运行思路后,你可以抛开“内容带图片的信息列表_焦点图带内容”这个标签,用自己的方式实现各种焦点图效果。
例如这里就是用两个“内容带图片的信息列表_普通式”来实现的效果。