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

1234
分享AI商务背景效果制作效果
教你PS画插画
流体艺术效果
流体艺术效果
如何简单快捷的制作出流体金属效果,效果主要利用了PS滤镜中的渲染云彩和液化制作。 …[详细]
Bigjpg智能放大图片
Bigjpg智能放大图片
当下最热门的黑科技莫过于人工智能,已经进入我们生活的方方面面,手机、音箱、机器人等等;它们的出现让我们生活更方便更…[详细]
说明:
这是通过修改switchTab代码,实现鼠标悬停时停止自动切换后的效果,也是我们最终需要的效果。

万能焦点图默认样色

1234
分享AI商务背景效果制作效果
教你PS画插画
流体艺术效果
流体艺术效果
如何简单快捷的制作出流体金属效果,效果主要利用了PS滤镜中的渲染云彩和液化制作。 …[详细]
Bigjpg智能放大图片
Bigjpg智能放大图片
当下最热门的黑科技莫过于人工智能,已经进入我们生活的方方面面,手机、音箱、机器人等等;它们的出现让我们生活更方便更…[详细]
说明:
这是万能焦点图的默认效果。一切从这里出发。
可以根据需要,调整css来实现所需要的样色。例如上面的“使用switchTab实现的焦点图--修改”就是用css隐藏新闻内容,调整标题栏高度来实现的效果。

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

1234
分享AI商务背景效果制作效果
教你PS画插画
流体艺术效果
流体艺术效果
如何简单快捷的制作出流体金属效果,效果主要利用了PS滤镜中的渲染云彩和液化制作。 …[详细]
Bigjpg智能放大图片
Bigjpg智能放大图片
当下最热门的黑科技莫过于人工智能,已经进入我们生活的方方面面,手机、音箱、机器人等等;它们的出现让我们生活更方便更…[详细]
说明:
在“万能焦点图默认样色”上,只通过修改css实现的另一种效果。

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

1234
分享AI商务背景效果制作效果
教你PS画插画
流体艺术效果
流体艺术效果
如何简单快捷的制作出流体金属效果,效果主要利用了PS滤镜中的渲染云彩和液化制作。 …[详细]
Bigjpg智能放大图片
Bigjpg智能放大图片
当下最热门的黑科技莫过于人工智能,已经进入我们生活的方方面面,手机、音箱、机器人等等;它们的出现让我们生活更方便更…[详细]
说明:
在“万能焦点图默认样色”上,只通过修改css实现的另一种效果。

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

分享AI商务背景效果制作效果
教你PS画插画
流体艺术效果
流体艺术效果
如何简单快捷的制作出流体金属效果,效果主要利用了PS滤镜中的渲染云彩和液化制作。 …[详细]
Bigjpg智能放大图片
Bigjpg智能放大图片
当下最热门的黑科技莫过于人工智能,已经进入我们生活的方方面面,手机、音箱、机器人等等;它们的出现让我们生活更方便更…[详细]
一些经常被使用的英文字体
一些经常被使用的英文字体
平时的网页设计,除开英文版本的设计,在其他设计中我们或多或少的有使用英文的地方(例如邮箱地址的展示等),这样使我们在设计中同样要注意英文的…[详细]
说明:
可以通过参数“optionalExtend”控制切换按钮为图片还是数字。默认为按钮,当填其它值的时候为图片,例如optionalExtend="pic"
在“万能焦点图默认样色”上,只通过修改css实现的另一种效果。

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

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

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

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