电子技术论坛_中国专业的电子工程师学习交流社区-中电网技术论坛

标题: 扶植版做出拓展版950通栏轮播效果无缝连接 [打印本页]

作者: look_w 时间: 2019-4-18 15:41 标题: 扶植版做出拓展版950通栏轮播效果无缝连接

一、左侧栏和右侧栏各添加一个自定义区

   二、将如下代码分别复制到两个自定义区的源码编辑区内：

1、右侧自定义区代码

   <DIV class="slider-promo J_Slider J_TWidget tb- slide"style="RIGHT:200px; WIDTH:950px; HEIGHT: 450px"

data-widget-type="Slide" data-widget-config="{'effect':'fade',



'contentCls': 'lst-main', 'navCls': 'lst-trigger', 'activeTriggerCls': 'current'}">
<ul class="lst-main tb-slide-list" style="HEIGHT: 450px">
<li><A href="链接地址" target=_blank><img height=450 alt="" src="图片地址"></A>
<li><A href="链接地址" target=_blank><img height=450 alt="" src="图片地址"></A>
<li><A href="链接地址" target=_blank><img height=450 alt="" src="图片地址"></A>
<li><A href="链接地址" target=_blank><img height=450 alt="" src="图片地址"></A></li></ul><ul class=lst-trigger>
<li>1 <li>2 <li>3 <li>4</li></ul></DIV>

2、左侧自定义区代码

   <DIV style="HEIGHT: 450px"></DIV>

欢迎光临电子技术论坛_中国专业的电子工程师学习交流社区-中电网技术论坛 (http://bbs.eccn.com/)