首页 网店学院 网店资讯 网店问答 专栏 店铺装修 拼多多入驻 虾皮入驻 推广返佣
    TOP
    甩手网 > 网店学院 > 网店装修 > 装修代码

    手风琴效果图片轮播网店装修代码

    2015-09-08 14:40:40 人气:8655
    效果预览
    php:
    <div class="box J_TBox"<?php echo $_MODULE_TOOLBAR ?>><div class="top_pic3"><div class="J_TWidget" data-widget-type="Accordion" data-widget-config="{'triggerType':'mouse','multiple':false,'autoplay':true }"><div class="nav ks-switchable-trigger ks-active"><strong>1</strong><?php echo ''.$_MODULE[bt_01].'';?></div><div class="bd ks-switchable-panel"><a href="<?php echo ''.$_MODULE[lj_01].'';?>" target="_blank"><img src="<?php echo ''.$_MODULE[tp_01].'';?>"/></a></div><div class="nav ks-switchable-trigger"><strong>2</strong><?php echo ''.$_MODULE[bt_02].'';?></div><div class="bd hide ks-switchable-panel"><a href="<?php echo ''.$_MODULE[lj_02].'';?>" target="_blank"><img src="<?php echo ''.$_MODULE[tp_02].'';?>"/></a></div><div class="nav ks-switchable-trigger"><strong>3</strong><?php echo ''.$_MODULE[bt_03].'';?></div><div class="bd hide ks-switchable-panel"><a href="<?php echo ''.$_MODULE[lj_03].'';?>" target="_blank"><img src="<?php echo ''.$_MODULE[tp_03].'';?>"/></a></div><div class="nav ks-switchable-trigger"><strong>4</strong><?php echo ''.$_MODULE[bt_04].'';?></div><div class="bd hide ks-switchable-panel"><a href="<?php echo ''.$_MODULE[lj_04].'';?>" target="_blank"><img src="<?php echo ''.$_MODULE[tp_04].'';?>"/></a></div><div class="nav ks-switchable-trigger"><strong>5</strong><?php echo ''.$_MODULE[bt_05].'';?></div><div class="bd hide ks-switchable-panel"><a href="<?php echo ''.$_MODULE[lj_05].'';?>" target="_blank"><img src="<?php echo ''.$_MODULE[tp_05].'';?>"/></a></div>    </div></div></div>
    xml:
    <?xml version="1.0" encoding="GBK" standalone="yes"?><module xsi:noNamespaceSchemaLocation="../../../module.xsd" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"><id>lb03</id><name>手风琴叠加轮播</name><file>lb03.php</file><thumbnail>assets/images/frontpage.png</thumbnail><description>手风琴叠加轮播效果</description><requiredCache>true</requiredCache><parameters><!--第一张图片--><param name="bt_01" label="☆--类目1:标题" description="请输入类目标题" ptype="text" formType="text">我是类目标题一</param><param name="tp_01" label="大图地址" description="图片地址,手工制作,尺寸(798*298)" ptype="text" formType="text">assets/images/lb03/lb03_01.jpg</param><param name="lj_01" label="链接" description="图片的超链接" ptype="text" formType="text">#</param><!--第二张图片--><param name="bt_02" label="☆--类目2:标题" description="请输入类目标题" ptype="text" formType="text">我是类目标题二</param><param name="tp_02" label="大图地址" description="图片地址,手工制作,尺寸(798*298)" ptype="text" formType="text">assets/images/lb03/lb03_02.jpg</param><param name="lj_02" label="链接" description="图片的超链接" ptype="text" formType="text">#</param><!--第三张图片--><param name="bt_03" label="☆--类目3:标题" description="请输入类目标题" ptype="text" formType="text">我是类目标题三</param><param name="tp_03" label="大图地址" description="图片地址,手工制作,尺寸(798*298)" ptype="text" formType="text">assets/images/lb03/lb03_01.jpg</param><param name="lj_03" label="链接" description="图片的超链接" ptype="text" formType="text">#</param><!--第四张图片--><param name="bt_04" label="☆--类目4:标题" description="请输入类目标题" ptype="text" formType="text">我是类目标题四</param><param name="tp_04" label="大图地址" description="图片地址,手工制作,尺寸(798*298)" ptype="text"formType="text">assets/images/lb03/lb03_02.jpg</param><param name="lj_04" label="链接" description="图片的超链接" ptype="text" formType="text">#</param><!--第五张图片--><param name="bt_05" label="☆--类目5:标题" description="请输入类目标题" ptype="text" formType="text">我是类目标题五</param><param name="tp_05" label="大图地址" description="图片地址,手工制作,尺寸(798*298)" ptype="text" formType="text">assets/images/lb03/lb03_01.jpg</param><param name="lj_05" label="链接" description="图片的超链接" ptype="text" formType="text">#</param></parameters></module>
    CSS:
    .top_pic3 {border: 1px solid #CCCCCC;height: 298px;margin-top: 10px;overflow: hidden;width: 948px;}.top_pic3 .nav {border-left: 1px solid #CCCCCC;color: #333333;cursor: pointer;float: left;height: 288px;padding: 10px 9px 0;width: 11px;}.top_pic3 .nav strong {display: block;font-size: 20px;margin-bottom: 40px;}.top_pic3 .ks-active {background: none repeat scroll 0 0 #FC338F;border: medium none;color: #FFFFFF;width: 12px;}.top_pic3 .bd {float: left;}.top_pic3 .bd img {height: 298px;width: 798px;}
    *本站部分文字及图片均来自于网络,如侵犯到您的权益,请及时通知我们删除。联系信息:甩手网
    关注微信
    装修代码

    装修代码

    免费提供淘宝装修代码、淘宝模板、淘宝装修素材、淘宝装修教程,装修技巧等,让宝贝的曝光率和成交率暴增。顾客一看就无法忘记。

    详情>>
    关于甩手软件     |     关于我们     |     联系我们     |     服务条款     |     隐私协议     |     用户权限     |     站点地图     |     帮助中心

    甩手客户服务

    • 甩手问答
    • 在线客服:企业QQ 800055007
    • 白班咨询电话(9:00-18:00):
      0755-26470437/26470392
      晚班咨询电话(18:00-22:00):
      18926581976/18926585976
    • 客服上班时间:
      周一至周五9:00--22:00,周末9:00--17:00
      (除法定节日以外,其他不在线时间请留言,
      我们看到后会第一时间回复您!)
    • 甩手网投诉电话:0755-26470437/26470392转621

    关注公众号

    Copyright ©2010-2020 深圳市华通易点信息技术有限公司 - 甩手网 All Rights Reserved.[粤ICP备12028137号]

    粤公网安备 44030502000916号

    关闭
    在线客服
    投诉建议