淘宝网轮流图完成滚屏实际效果必须淘宝网轮流编码,店辅专业版、扩展版都是有内置的轮流,非常简单,只必须搞好尺寸大小的图,提交就好啦。可是默认设置的总宽是:店辅750清晰度,扩展版750或是950清晰度。有时我们希望轮流要在一张图的某些身体部位,其实就是总宽比750清晰度还需要小。这个时候就要使用编码。
下边得出的这些编码,扶持版、专业版、扩展版都能用。假如应用后不显示,试一下删掉“OVERFLOW: hidden;”
照片轮流编码:
依据自身的设计方案必须,设定下列鲜红色字体样式一部分的特性。再度注重,只必须改动鲜红色字体样式一部分!
-------------------------------------------------编码分隔线-------------------------------------------------
<DIV class=custom-area>
<DIV style="BACKGROUND: #ffffff; OVERFLOW: hidden; WIDTH:键入轮流照片的总宽px; HEIGHT: 键入轮流照片的相对高度px; TEXT-ALIGN: center">
<DIV class="slider-promo J_Slider J_TWidget tb-slide" style="HEIGHT: 键入轮流照片的相对高度px" data-widget-config="{'effect':'fade','contentCls': 'lst-main', 'navCls': 'lst-trigger', 'activeTriggerCls': 'current'}" data-widget-type="Slide">
<ul class="lst-main tb-slide-list" style="HEIGHT: 键入轮流照片的相对高度px">
<li style="DISPLAY: block; Z-INDEX: 9; LEFT: 0px; TOP: 0px; opacity: 0.6"><A href="点一下第1张轮流照片前去的详细地址" target=_blank data-attr-replace="[{'type':'href','desc':'轮播图片1点一下详细地址'}]"><img height=键入轮流照片的相对高度 alt="" src="第1张轮流照片的IP地址" data-attr-replace="[{'type':'src','desc':'照片联接详细地址1'}]"></A>
<li style="DISPLAY: block; Z-INDEX: 1; LEFT: 0px; TOP: 0px; opacity: 1"><A href="点一下第2张轮流照片前去的详细地址" target=_blank data-attr-replace="[{'type':'href','desc':'轮播图片2点一下详细地址'}]"><img height=键入轮流照片的相对高度 alt="" src="第2张轮流照片的IP地址" data-attr-replace="[{'type':'src','desc':'照片联接详细地址2'}]"></A>
<li style="DISPLAY: block; Z-INDEX: 1; LEFT: 0px; TOP: 0px; opacity: 0"><A href="点一下第3张轮流照片前去的详细地址" target=_blank data-attr-replace="[{'type':'href','desc':'轮播图片3点一下详细地址'}]"><img height=键入轮流照片的相对高度 alt="" src="第3张轮流照片的IP地址" data-attr-replace="[{'type':'src','desc':'照片联接详细地址3'}]"></A> </li></ul><ul class=lst-trigger>
<li>1
<li class=current>2
<li>3 </li></ul></DIV></DIV></DIV>
-------------------------------------------------《完》-------------------------------------------------
当把轮流区前边的照片修改成背景,宽和相对高度要设成照片高宽,而且删掉前边的照片,
人们就可以把以前得出的轮流代码复制到这个位置了
那样,轮流就进行!
下边做翻转公示栏。同是把公示栏区前边的照片换为背景,宽和相对高度要设成照片高宽,
随后删掉前边的照片,在该部位粘贴滚动代码,如下所示:
<marquee width="翻转区域总宽" height="翻转区域相对高度" direction="up"
behavior="scroll" scrollamount="2.5" scrolldelay="20">
这里面键入你想写的信息 </marquee>
在DW下按F12看一下实际效果,轮流可能表明出不来,可是别担心,拷贝粘贴到店面自定区就可表明的,我以前和现在的室内装修的轮流都是这样完成的。翻转区则可以直接看到滚动了。
把代码复制到店面装修自定地区就可以了(省去了……)。