以下是全屏大图代码以下是全屏大图代码.docVIP

以下是全屏大图代码（标红的地方根据直接的需要调整）div class=J_TWidget data-widget-config={effect: fade, circular: true ,contentCls:piao1364550366737fu} data-widget-type=Tabs div class=piao1364550366737fu style=height:1000px; div class=J_TWidget data-widget-config={contentCls: slide-kun1364550366737content, triggerCls: slide-kun1364550366737triggers, triggerType: mouse, effect: scrollx, prevBtnCls:prev, nextBtnCls:next, steps: 1, autoplay: true, viewSize:[1440], circular: true } data-widget-type=Carousel style=padding-bottom:0px;padding-top:0px;padding-left:0px;left:-245px;margin:0px;z-index:10;top:0px;padding-right:0px;width:1440px; a href=店铺链接 target=_blankimg src=/imgextra/i1/554024622/T2J_5gXeBcXXXXXXXX_!!554024622.jpg style=float:none;margin:0px; //a/div /div /div 模块使用说明：[size=13.63636302947998px]此模块只有短短不到十行代码，并且未调用任何Widget组件，纯CSS实现，大家可能会奇怪，为什么没有调用Widget组件，也可以实现全屏？哈哈，因为调用了模板class，大家看代码中的 class=footer-more-trigger，这个footer-more-trigger就是模板自带的class，那这个class包含哪些css呢？请看以下代码： .footer-more-trigger { position: absolute; padding: 6px 11px 4px 14px;9 q C% o9 L F4 F7 { X# t width: 37px; line-height: 1.3;! J- a! [6 ]1 Q9 E( R+ s9 ~0 { border: 1px solid #fff;! u* d7 X! M2 t; U left: -12px;( F9 ]; |7 ?+ o. @5 }, m top: -5px;8 ~9 S h f6 n. t }) R; Z- } } 复制代码 解释下其中的含义：! x7 Q* [) q0 N9 m; fposition:absolute，就是绝对定位，脱离文档流，说的通俗点，就是脱离淘宝的950界线，想要实现全屏，那我们就要用到这个属性。; n4 Y$ j D3 J4 _- ?padding，内边距，我们不需要，所以要把它去掉，设置padding:0即可; width，宽度，这个我们也不需要，不用理它就可以，设置为width:0px也可以;line-height，行高，全屏海报不需要这个，也不理它;border，边框，这个必须设置为border:none，也就是把边框设为无，要不左右上下将会各占1个象素;left，左偏移，模板设置的是 -12px，这个当然不是我们需要的数值;9 C, I g I7 }top，上偏移，模板设置的是 -5px，注意，这里我们必须设置为 top:auto，也就是自动，千万不要设置为 top:0px，不相信？你可以试下.# @ z$ k- S7 v m3 m! E) i1 E9 k4 b* ^7 U x1 N事实上，我们只需要用到这个class里的position:absolute绝对定位属性，其它的是我们不需要的，可能会有朋友说了，那我们自己写一个绝对定位不就行了，干嘛非要调用这个class？呵呵，如果我们自定义能用这个属性，那我就不用搞的这么复杂了。 g Q, G n) C v8 D0 M# h[size=13.63636302947998px]学过HTML、XHTML的，应该都知道CSS的加载顺序为：行内样式－内部样式－外部样