淘宝手机无线端主页想弄个图片轮播板块怎么弄？除了买模板。_百度知道
淘宝手机无线端主页想弄个图片轮播板块怎么弄？除了买模板。
提问者采纳
不用买模板也可以啊。添加一个焦点图模块，你加2个图片，出来就是2个图片的轮播啊
提问者评价
其他类似问题
为您推荐：
其他1条回答
不用买模板也可以啊。 添加一个焦点图模块，你加2个图片，出来就是2个图片的轮播啊
淘宝手机的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁100%仿真手机淘宝广告无缝轮播
html 代码片段效果预览&!DOCTYPE html&
&meta charset=&utf-8&&
&meta content=&width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no& name=&viewport&&
&meta content=&yes& name=&apple-mobile-web-app-capable&&
&meta content=&black& name=&apple-mobile-web-app-status-bar-style&&
&meta content=&telephone=no& name=&format-detection&&
&meta content=&email=no& name=&format-detection&&
&title&手机淘宝&/title&
&link rel=&stylesheet& href=&style.css&&
&section class=&content-box&&
&section class=&index-box&&
&header class=&index-header&&
&a href=&###& class=&sweep&&扫一扫&/a&
&div class=&index-search-box&&
&input type=&text& placeholder='女神改换包了' class=&index-search-text& /&
&a href=&###& class=&camera&&&/a&
&a href=&###& class=&index-message&&消息&/a&
&section class=&index-ad-box&&
&div class=&index-ad-slide&&
&a href=&& class=&index-ad-0& num='4'&&/a&
&a href=&& class=&index-ad-1& num='0'&&/a&
&a href=&& class=&index-ad-2& num='1'&&/a&
&a href=&& class=&index-ad-3& num='2'&&/a&
&a href=&& class=&index-ad-4& num='3'&&/a&
&div class=&index-ad-fixed&&
&a href=&###& class=&index-ad-fixed-on&&&/a&
&a href=&###&&&/a&
&a href=&###&&&/a&
&a href=&###&&&/a&
&a href=&###&&&/a&
&/section&
&nav class=&index-nav-box&&
&div class=&index-nav&&
&a href=&###& class=&tianmao&&天猫&/a&
&a href=&###& class=&juhuasuan&&聚划算&/a&
&a href=&###& class=&guojitianmao&&国际天猫&/a&
&a href=&###& class=&koupeiwaimai&&口碑外卖&/a&
&a href=&###& class=&tianmaochaoshi&&天猫超市&/a&
&div class=&index-nav&&
&a href=&###& class=&koupeiwaimai&&充值中心&/a&
&a href=&###& class=&tianmaochaoshi&&阿里旅行&/a&
&a href=&###& class=&tianmao&&领金币&/a&
&a href=&###& class=&juhuasuan&&淘生活&/a&
&a href=&###& class=&guojitianmao&&分类&/a&
&div class=&taobao-headlines-box&&
&a href=&###& class=&taobao-headlines-header&&&/a&
&div class=&taobao-headlines-body&&
&div class=&taobao-headlines-slide&&
&li&&a href=&###&&2016手机新布局1&/a&&/li&
&li&&a href=&###&&2016手机新布局2&/a&&/li&
&li&&a href=&###&&2016手机新布局3&/a&&/li&
&li&&a href=&###&&2016手机新布局4&/a&&/li&
&li&&a href=&###&&2016手机新布局5&/a&&/li&
&li&&a href=&###&&2016手机新布局6&/a&&/li&
&section class=&index-countdown-box&&
&a class=&index-countdown-left&&
&span class=&index-countdown-time& id='index-countdown-hour'&&/span&
&span&:&/span&
&span class=&index-countdown-time& id='index-countdown-min'&&/span&
&span&:&/span&
&span class=&index-countdown-time& id='index-countdown-sec'&&/span&
&div class=&index-countdown-right&&&/div&
&/section&
&/section&
&section class=&micro-box&&&/section&
&section class=&community-box&&&/section&
&section class=&shop-box&&&/section&
&section class=&my-box&&&/section&
&/section&
&footer class=&footer& id=&footer&&
&a href=&###& class=&index-1&&首页&/a&
&a href=&###& class=&micro&&微淘&/a&
&a href=&###& class=&community&&社区&/a&
&a href=&###& class=&shop&&购物车&/a&
&a href=&###& class=&my&&我的淘宝&/a&
&script src=&/js/m/js/zepto.min.js&&&/script&
&script src=&touchMove.js&&&/script&
&script src=&main.js&&&/script&
&/html&css 代码片段效果预览*{margin:0;padding: 0;}
body{font-family: Hfont-size: 16color: rgb(102, 102, 102);}
a{text-decoration:color: rgb(102, 102, 102);}
input{border:outline:}
input::-webkit-input-placeholder{color:#}
input:focus::-webkit-input-placeholder{color:#EEEEEE;}
/*最大的容器*/
.content-box{overflow-x: }
.index-box{overflow-x:}
/*首页-头部*/
.index-header{position:left: 0;top: 0;width: 100%;height: 3background:#eb4f38;color: #display: -webkit-display:-webkit-justify-content:space-;justify-content:space-}
.sweep{width: 15%;height: 100%;background: url(images/iconfont-saoyisao.png) no-text-align:line-height: 5color: #font-size: 12}
.index-search-box{width: 60%;height: 70%;background: #bb1919 url(images/iconfont-sou.png) no-repeat 5% 50%;padding-left: 10%;border-radius: 5%; }
.index-search-text{background: #bb1919;color: #width: 70%;height: 50%;margin-top: 5%;}
.camera{float:width: 15%;height: 40%;background: url(images/iconfont-my-zhaoxiangji.png) no-margin-top: 6%;}
.index-message{width: 15%;height: 100%;background: url(images/iconfont-xiaoxi.png) no-text-align:line-height: 5color: #font-size: 12}
/*首页-轮播广告*/
.index-ad-box{position:left: 0;top: 0;width: 100%;height: 5margin-top: 3overflow:background:}
.index-ad-slide{position:left: 0;top: 0;height: 100%;}
.index-ad-slide a{float:width: 20%;height: 100%;}
.index-ad-0{background: url(images/ad-0.jpg) no-repeat center / 100% 100%;}
.index-ad-1{background: url(images/ad-1.jpg) no-repeat center / 100% 100%;}
.index-ad-2{background: url(images/ad-2.jpg) no-repeat center / 100% 100%;}
.index-ad-3{background: url(images/ad-3.jpg) no-repeat center / 100% 100%;}
.index-ad-4{background: url(images/ad-4.jpg) no-repeat center / 100% 100%;}
.index-ad-fixed{position:right: 2bottom:.5width: 6height: .6display: -webkit-display:justify-content:space-}
.index-ad-fixed a{float:width: .6height: .6border-radius: 60%;background: #}
.index-ad-fixed .index-ad-fixed-on{background: #eb4f38;}javascript 代码片段效果预览//@charset &utf-8&;
(function ($) {
$.fn.touchMove = function() {
var windowWidth = $(window).width(),
windowHeight = $(window).height(),
size = $(this).children().size(),
startLeft,
$(this).css('width', windowWidth * (size + 1) ).children('a').css('width' , windowWidth );
$(this).css('left', -windowWidth);
$(this).live('touchstart' ,function(event) {
startLeft = parseFloat($(this).css('left'));
startX = event.targetTouches[0].pageX;
$(this).live('touchmove', function(event) {
moveX = parseFloat($(this).css('left')) + event.targetTouches[0].pageX - startX;
startX = event.targetTouches[0].pageX;
$(this).css('left', moveX);
$(this).live('touchend', function(event) {
bj = windowWidth + $(this).position().left% windowW
bjz = windowWidth/2;//滑过1/2翻页
if ( bj &= bjz ) {
left = $(this).position().left -
} else {//复原
left = $(this).position().left + (windowWidth - bj);
if ( startLeft & left ) {//向右滑动
$(this).animate({left:0},300,&linear&,function(){
if ( index === -1
index = size - 1;
$(this).next().children('a').eq(index).addClass('index-ad-fixed-on').siblings().removeClass('index-ad-fixed-on');
$(this).css({left:-windowWidth});
$(this).children('a').last().remove().clone(true).insertBefore($(this).children('a').first());
} else if ( startLeft & left ) {//向左滑动
$(this).animate({left:-windowWidth * 2},300,&linear&,function(){
if ( index === size
index = 0;
$(this).next().children('a').eq(index).addClass('index-ad-fixed-on').siblings().removeClass('index-ad-fixed-on');
$(this).css({left:-windowWidth});
$(this).children('a').first().remove().clone(true).appendTo($(this));
} else { //复原
$(this).animate({'left' : left} , 200 );
(function ($) {
$.autoPlay = function(obj) {
var windowWidth = $(window).width(),
left = parseFloat(obj.css('left')),
len = obj.children().size(),
function showImg() {
obj.animate({left:-windowWidth * 2},300,&linear&,function(){
if ( index === len
index = 0;
obj.next().children('a').eq(index).addClass('index-ad-fixed-on').siblings().removeClass('index-ad-fixed-on');
obj.css({left:-windowWidth});
obj.children('a').first().remove().clone(true).appendTo(obj);
adTimer = setInterval( function() {
showImg();
} , 4000);
// 首页顶部轮播广告
var index = 0;
$.autoPlay($('.index-ad-slide'));
$('.index-ad-slide').touchMove();
$('.index-ad-slide').on('touchmove' , function() {
clearInterval(adTimer);
}).on('touchend' , function() {
$.autoPlay($('.index-ad-slide'));
});未插入正文的图片或附件<dd class="attachpic" data-container="body" data-toggle="popover" data-placement="top" data-trigger="hover" data-html="true" data-content="体积：63.16 KB上传： 13:17:54"><dd class="attachpic" data-container="body" data-toggle="popover" data-placement="top" data-trigger="hover" data-html="true" data-content="体积：74.39 KB上传： 13:17:35"><dd class="attachpic" data-container="body" data-toggle="popover" data-placement="top" data-trigger="hover" data-html="true" data-content="体积：37.33 KB上传： 13:17:35"><dd class="attachpic" data-container="body" data-toggle="popover" data-placement="top" data-trigger="hover" data-html="true" data-content="体积：18.35 KB上传： 13:17:35">
64 总笔记数
6.9万 总阅读量
Copyright &
All Rights Reserved.
合作伙伴：第五课：淘宝店铺图片轮播的设置 为什么没视频有声音？
随便在网站上打开 阿毛 第五课：淘宝店铺图片轮播的设置 都是有声音没视频的 1-4课都可以正常使用 唯独第五课不行。请问是什么情况呀？
我来回答这个问题
回答即可得1分，回答被采纳则获得悬赏分以及奖励20分。
回 答共1条
你好，我刚测试过了，可以正常观看的！我只能说，你多试试！[版权图片]淘宝双12手机端首页装修轮播图海报模板位置： ＞
＞ 淘宝双12手机端首页装修轮播图海报模板[版权图片]淘宝双12手机端首页装修轮播图海报模板淘宝双12手机端首页装修轮播图海报模板模板下载 淘宝双12手机端首页装修轮播图海报模板图片下载
手机端装修
双12首页海报
双12首页轮播图 淘宝双12首页 天猫双12拳头 女装首页 大气 店铺承接
【声明】未经权利人许可，任何人不得随意使用本网站的原创作品（含预览图）,否则将按照我国著作权法的相关规定被要求承担最高达50万元人民币的赔偿责任。普通会员价：12我图币月卡会员价：0我图币 载入中...正版授权质量保障贴心售后作品信息你可能正需要这些换一批QQ: 021-专注正版设计作品交易平台我图网创办于2008年，老品牌值得信赖目前拥有会员15,569,032人，作品总数2,411,798张在线客服:热线电话:400-600-8526客户指南安全认证Copyright & 我图网沪ICP备号 用时：0.0225秒&V1.3若您发现您的权利被侵害，请发起知识产权投诉。网站已有的重复作品修改站内设计师的原创作品色情、暴力、政治敏感话题其它原因请提供原作品链接