天猫开关灯特效代码,无需CSS权限

誓言芜罪 发表于 2015-2-7 09:39:54 | 显示全部楼层   [复制链接]
871 32933

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

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

x
预览效果
1122.gif

注意:此代码仅限天猫,首页、自定义页面、详情页通用!

原理:调用天猫官方的类,伪类和透明度,再自己加上行内CSS3过渡!
所以无需CSS权限即可实现!(再次提醒:此代码仅限天猫)
要发布后才有效果哦!(此帖用鞋子为例)
点击查看效果

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

后续会将此效果,整合到软件里面!
PS:请认真读帖!


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




可暂停店铺背景音乐 代码 (天猫淘宝 通用)
淘宝天猫 悬浮代码 满血复活了 发布就有效
回复

使用道具 举报

发表于 2015-12-26 13:35:14 | 显示全部楼层
<div style="width:950px;height:auto;font-size:12px;padding-top:10px;">    <div style="width:230px;height:auto;float:left;">       <div style="width:230px;height:230px;background:#F00;">          <a href="http://item.taobao.com/item.htm?spm&id=41451631605" target="_blank" >          <img style="display:block;"  src="http://img01.taobaocdn.com/bao/uploaded/i1/TB1UVerGXXXXXXaaXXXXXXXXXXX_!!0-item_pic.jpg" style="width:230px;height:230px;">          </a>       </div>       <div style="width:230px;height:24px;background:#4C4C4C;line-height:24px;color:#FFF;white-space:nowrap;overflow:hidden; text-align:center;">秋冬韩版圆领长袖加厚打底套头针织衫毛衣</div>       <div style="width:230px;height:20px;line-height:20px;margin-top:15px;color:#888;text-decoration:line-through;text-align:center;"> 市场价:<span style="font-family:微软雅黑;">¥399.00</span>       </div>       <div style="width:230px;height:20px;line-height:20px;color:#EA0041;text-align:center;"> 12.12狂欢价:99.00 </div>       <div style="width:230px;height:36px;background:#EA0041;margin-top:15px;font-size:14px;color:#FFF;line-height:36px;">          <a href="http://item.taobao.com/item.htm?spm&id=41451631605" class="J_CartPluginTrigger" target="_blank" style="padding-left:15px;color:#FFF;text-decoration:none;">加入购物车 &gt;</a>          <a href="http://item.taobao.com/item.htm?spm&id=41451631605" target="_blank" style="color:#FFF;font-weight:bold;text-decoration:none;float:right;margin-right:15px;font-family:微软雅黑;" >立即购买</a>       </div>    </div>    <div style="width:230px;height:auto;float:left;margin-left:10px;">       <div style="width:230px;height:230px;background:#F00;">          <a href="http://item.taobao.com/item.htm?spm&id=41451631605" target="_blank" >          <img style="display:block;"  src="http://img01.taobaocdn.com/bao/uploaded/i1/TB1UVerGXXXXXXaaXXXXXXXXXXX_!!0-item_pic.jpg" style="width:230px;height:230px;">          </a>       </div>       <div style="width:230px;height:24px;background:#4C4C4C;line-height:24px;color:#FFF;white-space:nowrap;overflow:hidden; text-align:center;">秋冬韩版圆领长袖加厚打底套头针织衫毛衣</div>       <div style="width:230px;height:20px;line-height:20px;margin-top:15px;color:#888;text-decoration:line-through;text-align:center;"> 市场价:<span style="font-family:微软雅黑;">¥399.00</span></div>       <div style="width:230px;height:20px;line-height:20px;color:#EA0041;text-align:center;"> 12.12狂欢价:99.00</div>       <div style="width:230px;height:36px;background:#EA0041;margin-top:15px;font-size:14px;color:#FFF;line-height:36px;">          <a href="http://item.taobao.com/item.htm?spm&id=41451631605" class="J_CartPluginTrigger" target="_blank" style="padding-left:15px;color:#FFF;text-decoration:none;">加入购物车 &gt;</a>          <a href="http://item.taobao.com/item.htm?spm&id=41451631605" target="_blank" style="color:#FFF;font-weight:bold;text-decoration:none;float:right;margin-right:15px;font-family:微软雅黑;" >立即购买</a>       </div>    </div>    <div style="width:230px;height:auto;float:left;margin-left:10px;">       <div style="width:230px;height:230px;background:#F00;">          <a href="http://item.taobao.com/item.htm?spm&id=41451631605" target="_blank" >          <img style="display:block;"  src="http://img01.taobaocdn.com/bao/uploaded/i1/TB1UVerGXXXXXXaaXXXXXXXXXXX_!!0-item_pic.jpg" style="width:230px;height:230px;">          </a>       </div>       <div style="width:230px;height:24px;background:#4C4C4C;line-height:24px;color:#FFF;white-space:nowrap;overflow:hidden; text-align:center;">秋冬韩版圆领长袖加厚打底套头针织衫毛衣</div>       <div style="width:230px;height:20px;line-height:20px;margin-top:15px;color:#888;text-decoration:line-through;text-align:center;"> 市场价:<span style="font-family:微软雅黑;">¥399.00</span>       </div>       <div style="width:230px;height:20px;line-height:20px;color:#EA0041;text-align:center;"> 12.12狂欢价:99.00</div>       <div style="width:230px;height:36px;background:#EA0041;margin-top:15px;font-size:14px;color:#FFF;line-height:36px;">          <a href="http://item.taobao.com/item.htm?spm&id=41451631605" class="J_CartPluginTrigger" target="_blank" style="padding-left:15px;color:#FFF;text-decoration:none;">加入购物车 &gt;</a>          <a href="http://item.taobao.com/item.htm?spm&id=41451631605" target="_blank" style="color:#FFF;font-weight:bold;text-decoration:none;float:right;margin-right:15px;font-family:微软雅黑;" >立即购买</a>       </div>    </div>    <div style="width:230px;height:auto;float:left;margin-left:10px;">       <div style="width:230px;height:230px;background:#F00;">          <a href="http://item.taobao.com/item.htm?spm&id=41451631605" target="_blank" >          <img style="display:block;"  src="http://img01.taobaocdn.com/bao/uploaded/i1/TB1UVerGXXXXXXaaXXXXXXXXXXX_!!0-item_pic.jpg" style="width:230px;height:230px;">          </a>       </div>       <div style="width:230px;height:24px;background:#4C4C4C;line-height:24px;color:#FFF;white-space:nowrap;overflow:hidden; text-align:center;">秋冬韩版圆领长袖加厚打底套头针织衫毛衣</div>       <div style="width:230px;height:20px;line-height:20px;margin-top:15px;color:#888;text-decoration:line-through;text-align:center;"> 市场价:<span style="font-family:微软雅黑;">¥399.00</span>       </div>       <div style="width:230px;height:20px;line-height:20px;color:#EA0041;text-align:center;"> 12.12狂欢价:99.00 </div>       <div style="width:230px;height:36px;background:#EA0041;margin-top:15px;font-size:14px;color:#FFF;line-height:36px;">          <a href="http://item.taobao.com/item.htm?spm&id=41451631605" class="J_CartPluginTrigger" target="_blank" style="padding-left:15px;color:#FFF;text-decoration:none;">加入购物车 &gt;</a>          <a href="http://item.taobao.com/item.htm?spm&id=41451631605" target="_blank" style="color:#FFF;font-weight:bold;text-decoration:none;float:right;margin-right:15px;font-family:微软雅黑;" >立即购买</a>       </div>    </div> </div>
淘码神论坛Taomashen.com-电商代码交流平台
发表于 2015-10-28 16:45:02 | 显示全部楼层
<div style="width:250px; height:30px; background:url(http://img04.taobaocdn.com/imgex ... XX_!!2261078975.jpg) no-repeat">
<div class="J_TWidget" data-widget-type="Countdown" data-widget-config="{'endTime':'2014-12-12 23:59:59','interval':1000,'timeRunCls':'.ks-countdown-run','timeUnitCls':{'d':'.ks-d','h':'.ks-h','m':'.ks-m','s':'.ks-s'},'minDigit':2,'timeEndCls':'.ks-countdown-end'}">
            <div class="ks-countdown-run" style="color:#000000;font-family:microsoft yahei;font-weight:bold;font-size:24px; line-height:30px;">
            <span class="ks-d" style=" width:24px; height:24px;float:left; margin-right:32px;">00</span>
            <span class="ks-h" style=" width:24px; height:24px;float:left; margin-right:32px;">00</span>
            <span class="ks-m" style=" width:24px; height:24px;float:left; margin-right:32px;">00</span>
            <span class="ks-s" style=" width:24px; height:24px;float:left; margin-right:32px;">00</span>
            </div>
            <div class="ks-countdown-end">
            倒计时结束显示的内容(没有则无需填写)
            </div>
         </div></div>
淘码神论坛Taomashen.com-电商代码交流平台
发表于 2017-4-11 13:00:14 | 显示全部楼层
这个支持了··很好的东西 让我方便了好多啊·这个支持了··很好的东西 让我方便了好多啊·这个支持了··很好的东西 让我方便了好多啊·这个支持了··很好的东西 让我方便了好多啊·这个支持了··很好的东西 让我方便了好多啊·这个支持了··很好的东西 让我方便了好多啊·这个支持了··很好的东西 让我方便了好多啊·这个支持了··很好的东西 让我方便了好多啊·这个支持了··很好的东西 让我方便了好多啊·这个支持了··很好的东西 让我方便了好多啊·这个支持了··很好的东西 让我方便了好多啊·这个支持了··很好的东西 让我方便了好多啊·这个支持了··很好的东西 让我方便了好多啊·这个支持了··很好的东西 让我方便了好多啊·这个支持了··很好的东西 让我方便了好多啊·这个支持了··很好的东西 让我方便了好多啊·这个支持了··很好的东西 让我方便了好多啊·这个支持了··很好的东西 让我方便了好多啊·这个支持
淘码神论坛Taomashen.com-电商代码交流平台
发表于 2015-2-6 15:36:12 | 显示全部楼层
顶顶顶顶顶顶
淘码神论坛Taomashen.com-电商代码交流平台
您需要登录后才可以回帖 登录 | 快速注册

本版积分规则

推荐阅读

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

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

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

京IP备案号:BGJ15464X

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