[美工小软件] 升级!誓言自由编辑布局新工具3.0

誓言芜罪 发表于 2017-6-20 13:50:37 | 显示全部楼层   [复制链接]
694 42727

要先注册登录,才能看教程,下载附件哦!

您需要 登录 才可以下载或查看,没有帐号?快速注册

x
界面预览图:(双击查看高清图)
自由编辑布局工具.png

主要功能有:
搜索框、倒计时、海报轮播、小轮播、热点(DW)购物车、弹出层(正反面)、旺旺客服、淘宝视频、锚点定位、无缝滚动、抖动动画
更多组件正在开发中。。。

部分效果预览GIF:(图片较大加载慢请耐心等候)

倒计时:
倒计时.gif

1倒计时1.gif.gif


弹出层和购物车:
弹出层 购物车.gif

2弹出层1.gif.gif

无缝滚动:
无缝滚动.gif


抖动动画(左右抖动、上下抖动):
抖动动画.gif
4抖动动画1.gif.gif

4抖动动画2.gif.gif
4抖动动画3.gif.gif

更多效果正在开发中。。。

回复下载软件:
游客,如果您要查看本帖隐藏内容请回复


誓言自由编辑布局工具.zip

1.19 MB, 下载次数: 177399


楼主热帖
heatlevel誓言装修助手2.2[重大更新]
heatlevel免费添加悬浮和使用设计师模块(已失效)
heatlevel誓言装修助手2.1 [重大更新]
heatlevel店招+搜索框+导航鼠标滑过+下拉菜单效果(天猫淘宝通用)
heatlevel升级!誓言自由编辑布局新工具3.0
heatlevel【原创】天猫淘宝制作多层固定背景视频教程
heatlevel誓言装修助手1.9 震撼发布![重大更新]
heatlevel天猫开关灯特效代码,无需CSS权限
heatlevel誓言装修助手2.0[更新]
heatlevel各种装修教程、代码分享、资源下载集合帖!!!
heatlevel【誓言元旦福利】淘宝代码生成器1.6版本【更新12.31】
heatlevel新特效放出!淘宝自动上下浮动代码




久等了!誓言装修助手升级2.5啦!!
誓言装修助手2.6正式发布
回复

使用道具 举报

发表于 2017-6-20 13:57:59 | 显示全部楼层
真的叼,马上就分享了~
淘码神论坛Taomashen.com-电商代码交流平台
回复 支持 1 反对 0

使用道具 举报

发表于 2017-9-9 11:53:58 | 显示全部楼层
<div style="height:630px;">
        <div class="footer-more-trigger mallNav-others sn-simple-logo" data-title="代码来自誓言装修助手 www.taomashen.com" style="width:1920px;height:650px;border:0;padding:0;right:auto;z-index:1;top:auto;left:50%;">
                <div class="footer-more-trigger mallNav-others sn-simple-logo" style="width:1920px;height:650px;border:0;padding:0;right:auto;z-index:1;top:-10px;left:-1060px;">
                        <div class="J_TWidget" data-widget-type="Carousel" data-widget-config="{&quot;nextBtnCls&quot;:&quot;shiyan_next&quot;,&quot;duration&quot;:0.5,&quot;easing&quot;:&quot;none&quot;,&quot;activeTriggerCls&quot;:&quot;hidden&quot;,&quot;interval&quot;:5,&quot;effect&quot;:&quot;scrollx&quot;,&quot;navCls&quot;:&quot;nav_lsm_shiyan&quot;,&quot;prevBtnCls&quot;:&quot;shiyan_prev&quot;,&quot;contentCls&quot;:&quot;content_lsm_shiyan&quot;,&quot;autoplay&quot;:true}" style="height:650px;overflow:hidden;">
                                <ul class="content_lsm_shiyan">
                                        <li style="width:1920px;height:650px;display:block;">
                                                 <a href="#" target="_blank" style="width:1920px;height:650px;display:block;background-image:url(//gdp.alicdn.com/imgextra/i2/414095024/TB2Cf3JxHJmpuFjSZFwXXaE4VXa_!!414095024.jpg);"> </a>
                                        </li>
                                        <li style="width:1920px;height:650px;display:block;">
                                                 <a href="//item.taobao.com/item.htm?spm=686.1000925.0.0.16UOsa&amp;id=551857294107&amp;scene=taobao_shop" target="_blank" style="width:1920px;height:650px;display:block;background-image:url(//gdp.alicdn.com/imgextra/i2/414095024/TB24Ij1sr0kpuFjy0FjXXcBbVXa_!!414095024.jpg);"> </a>
                                        </li>
                                        <li style="width:1920px;height:650px;display:block;">
                                                 <a href="//item.taobao.com/item.htm?spm=686.1000925.0.0.16UOsa&amp;id=527343021810&amp;scene=taobao_shop" target="_blank" style="width:1920px;height:650px;display:block;background-image:url(//gdp.alicdn.com/imgextra/i2/414095024/TB21hGWutFopuFjSZFHXXbSlXXa_!!414095024.jpg);"> </a>
                                        </li>
                                        <li style="width:1920px;height:650px;display:block;">
                                                 <a href="//item.taobao.com/item.htm?spm=686.1000925.0.0.eCvYqZ&amp;id=543137498282&amp;scene=taobao_shop" target="_blank" style="width:1920px;height:650px;display:block;background-image:url(//gdp.alicdn.com/imgextra/i1/414095024/TB2Sjfxq9xjpuFjSszeXXaeMVXa_!!414095024.jpg);"> </a>
                                        </li>
                                </ul>
                                <ul class="footer-more-trigger mallNav-others sn-simple-logo" style="width:990px;border:0;padding:0;right:auto;z-index:99;top:40%;left:465px;">
                                        <li class="shiyan_prev footer-more-trigger mallNav-others sn-simple-logo" title="上一页" style="background:url(//gdp.alicdn.com/imgextra/i4/686821827/TB22WpFnNBmpuFjSZFsXXcXpFXa-686821827.png) no-repeat;width:65px;left:-65px;height:129px;border:0;padding:0;right:auto;cursor:pointer;">
                                                &nbsp;
                                        </li>
                                        <li class="shiyan_next footer-more-trigger mallNav-others sn-simple-logo" title="下一页" style="background:url(//gdp.alicdn.com/imgextra/i4/686821827/TB22pK.lq8lpuFjy0FpXXaGrpXa-686821827.png) no-repeat;width:65px;right:-65px;height:129px;border:0;padding:0;left:auto;cursor:pointer;">
                                                &nbsp;
                                        </li>
                                </ul>
                                <div class="footer-more-trigger mallNav-others sn-simple-logo" style="width:100%;height:15px;border-radius:50%;z-index:98;padding:0;border:0;right:auto;top:auto;left:auto;bottom:15px;">
                                        <ul style="width:72px;height:15px;margin:0 auto;text-align:center;">
                                                <li style="width:15px;height:15px;border-radius:50%;background-color:#DD0268;display:block;float:left;margin-right:4px;">
                                                        &nbsp;
                                                </li>
                                                <li style="width:15px;height:15px;border-radius:50%;background-color:#DD0268;display:block;float:left;margin-right:4px;">
                                                        &nbsp;
                                                </li>
                                                <li style="width:15px;height:15px;border-radius:50%;background-color:#DD0268;display:block;float:left;margin-right:4px;">
                                                        &nbsp;
                                                </li>
                                                <li style="width:15px;height:15px;border-radius:50%;background-color:#DD0268;display:block;float:left;">
                                                        &nbsp;
                                                </li>
                                        </ul>
                                </div>
                                <div class="footer-more-trigger mallNav-others sn-simple-logo" style="width:100%;height:15px;border-radius:50%;right:auto;z-index:99;padding:0;border:0;top:auto;left:auto;bottom:15px;">
                                        <ul class="nav_lsm_shiyan" style="width:72px;height:15px;margin:0 auto;text-align:center;">
                                                <li style="width:15px;height:15px;border-radius:50%;background-color:#FFFFFF;display:block;float:left;margin-right:4px;" class="hidden">
                                                        &nbsp;
                                                </li>
                                                <li style="width:15px;height:15px;border-radius:50%;background-color:#FFFFFF;display:block;float:left;margin-right:4px;">
                                                        &nbsp;
                                                </li>
                                                <li style="width:15px;height:15px;border-radius:50%;background-color:#FFFFFF;display:block;float:left;margin-right:4px;">
                                                        &nbsp;
                                                </li>
                                                <li style="width:15px;height:15px;border-radius:50%;background-color:#FFFFFF;display:block;float:left;">
                                                        &nbsp;
                                                </li>
                                        </ul>
                                </div>
                        </div>
                </div>
        </div>
</div>
淘码神论坛Taomashen.com-电商代码交流平台
发表于 2017-7-7 11:43:40 | 显示全部楼层
»论坛首页›装修专区›装修软件›誓言自由编辑布局新工具上线啦!

[美工小软件] 誓言自由编辑布局新工具上线啦!
誓言芜罪 发表于 2017-6-20 13:57:59 | 只看该作者   [复制链接]  打印  
931511

推荐

界面预览图:(双击查看高清图)
  

主要功能有:
搜索框、倒计时、海报轮播、小轮播、热点(DW)、购物车、弹出层(正反面)、旺旺客服、淘宝视频、锚点定位、无缝滚动、抖动动画
更多组件正在开发中。。。

部分效果预览GIF:(图片较大加载慢请耐心等候)

倒计时:





弹出层和购物车:




无缝滚动:



抖动动画(左右抖动、上下抖动):



  
  

更多效果正在开发中。。。

回复下载软件:
一番,如果您要查看本帖隐藏内容请回复


本主题由 誓言芜罪 于 2017-6-18 11:44 添加图章 推荐

楼主热帖
heatlevel誓言装修助手2.2[重大更新]
heatlevel免费添加悬浮和使用设计师模块(已失效)
heatlevel誓言装修助手2.1 [重大更新]
heatlevel誓言装修助手1.9 震撼发布![重大更新]
heatlevel店招+搜索框+导航鼠标滑过+下拉菜单效果(天猫淘宝通用)
heatlevel【原创】天猫淘宝制作多层固定背景视频教程
heatlevel誓言装修助手2.0[更新]
heatlevel【誓言元旦福利】淘宝代码生成器1.6版本【更新12.31】
heatlevel天猫开关灯特效代码,无需CSS权限
heatlevel各种装修教程、代码分享、资源下载集合帖!!!
heatlevel【最新版】下载誓言助手2.2稳定版
heatlevel天猫淘宝切片一键换图,彻底改变美工宿命




久等了!誓言装修助手升级2.5啦!!
收藏
评分评分
转播 分享 淘帖 支持 反对
qzonepengyousaveqq
点评 回复 使用道具 举报
dsj521dsj实名认证  推荐
发表于 2017-6-19 02:03:57 | 只看该作者
<div class="panelsdiv" style="height:19195px;"><div class="sn-simple-logo footer-more-trigger" style="width:1920px;height:0px;left:50%;top:auto;border:none;padding:0;margin:0;line-height:1.5;"><div class="sn-simple-logo footer-more-trigger" style="width:1920px;height:0px;left:-960px;top:auto;border:none;padding:0;margin:0;line-height:1.5;"><table border="0" cellpadding="0" cellspacing="0" align="center"><tr><td>
<div class="wd_self_abs wd_self_suspen1920" style="height:auto;"><table border="0" cellpadding="0" cellspacing="0" align="center" style="margin:0 auto;"><tr><td>
<div class="wd_self_rel" data-title="战国策创意装修工具_全屏海报_淘宝服务市场" data-layout-width="950" style="width:1600px;height:19195px;background-color:#ffffff;background-repeat:no-repeat;background-image:url(https://img.alicdn.com/imgextra/ ... Xa_!!2448159329.png);background-attachment:scroll;background-position:50% 0%;"></div>
</td></tr></table></div>
</td></tr></table></div></d
淘码神论坛Taomashen.com-电商代码交流平台
发表于 2017-6-17 20:06:14 | 显示全部楼层
666666666666666666
淘码神论坛Taomashen.com-电商代码交流平台
发表于 2017-6-19 02:03:57 | 显示全部楼层
<div class="panelsdiv" style="height:19195px;"><div class="sn-simple-logo footer-more-trigger" style="width:1920px;height:0px;left:50%;top:auto;border:none;padding:0;margin:0;line-height:1.5;"><div class="sn-simple-logo footer-more-trigger" style="width:1920px;height:0px;left:-960px;top:auto;border:none;padding:0;margin:0;line-height:1.5;"><table border="0" cellpadding="0" cellspacing="0" align="center"><tr><td>
<div class="wd_self_abs wd_self_suspen1920" style="height:auto;"><table border="0" cellpadding="0" cellspacing="0" align="center" style="margin:0 auto;"><tr><td>
<div class="wd_self_rel" data-title="战国策创意装修工具_全屏海报_淘宝服务市场" data-layout-width="950" style="width:1600px;height:19195px;background-color:#ffffff;background-repeat:no-repeat;background-image:url(https://img.alicdn.com/imgextra/ ... Xa_!!2448159329.png);background-attachment:scroll;background-position:50% 0%;"></div>
</td></tr></table></div>
</td></tr></table></div></div></div>
淘码神论坛Taomashen.com-电商代码交流平台
发表于 2017-6-19 10:30:06 | 显示全部楼层
貌似用不了
淘码神论坛Taomashen.com-电商代码交流平台
发表于 2017-6-19 21:31:25 | 显示全部楼层
我就看看,行不行,好不好用
淘码神论坛Taomashen.com-电商代码交流平台
发表于 2017-6-20 00:11:52 | 显示全部楼层
感谢楼主分享  学习学习
淘码神论坛Taomashen.com-电商代码交流平台
发表于 2017-6-20 00:12:13 | 显示全部楼层
感谢楼主分享  学习学习
淘码神论坛Taomashen.com-电商代码交流平台
发表于 2017-6-20 10:54:54 | 显示全部楼层
上大夫撒旦飞洒而丰富绕弯儿儿
淘码神论坛Taomashen.com-电商代码交流平台
发表于 2017-6-20 13:50:37 | 显示全部楼层
被人推荐,前来围观
淘码神论坛Taomashen.com-电商代码交流平台
您需要登录后才可以回帖 登录 | 快速注册

本版积分规则

推荐阅读

返回顶部快速回复上一主题下一主题返回列表联系站长关注微信

QQ| Archiver|手机版|小黑屋|联系站长| 淘码神论坛 ( 粤ICP备15035760号-1 )     

Powered by Discuz! X3.2© 2001-2013 Comsenz Inc.  Templated By 迪恩网络

京IP备案号:BGJ15464X

扫一扫二维码
现在关注我们
赠送精美礼品
返回顶部 返回列表