DW代码样式模版(上)(效果图)

《DW代码样式模版(上)(效果图)》由会员分享，可在线阅读，更多相关《DW代码样式模版(上)(效果图)（81页珍藏版）》请在装配图网上搜索。

1、【图片-百叶窗效果】对话栏目嘉宾精彩回顾html overflow: hidden;body position: absolute;margin: 0px;padding: 0px;background: #111;width: 100%;height: 100%;#center position: absolute;left: 50%;top: 20%;bottom: 50%#slider position: absolute;width: 960px;height: 400px;left: -488px;top: -94px;overflow: hidden;background: #00

2、0;#slider .slide position: absolute;top: 13px;height: 400px;width: 700px;background: #000;overflow: hidden;border-left: #000 solid 1px;cursor: default;#slider .title color: #F80;font-weight: bold;font-size: 1.2em;margin-right: 1.5em;text-decoration: none;#slider .backgroundText position: absolute;wi

3、dth: 100%;height: 100%;top: 100%;background: #000;filter: alpha(opacity=40);opacity: 0.4;#slider .text position: absolute;top: 1%;top: 100%;color: #FFF;font-family: verdana, arial, Helvetica, sans-serif;font-size: 0.9em;text-align: justify;width: 800px;left: 10px;#slider .diapo position: absolute;fi

4、lter: alpha(opacity=100);opacity: 1;visibility: hidden;/* = slider nameSpace = */var slider = function() /* = private methods = */function getElementsByClass(object, tag, className) var o = object.getElementsByTagName(tag);for ( var i = 0, n = o.length, ret = ; i n; i+) if (oi.className = className)

5、 ret.push(oi);if (ret.length = 1) ret = ret0;return ret;function setOpacity (obj,o) if (obj.filters) obj.filters.alpha.opacity = Math.round(o);else obj.style.opacity = o / 100;/* = Slider Constructor = */function Slider(oCont, speed, iW, iH, oP) this.slides = ;this.over = false;this.S = this.S0 = sp

6、eed;this.iW = iW;this.iH = iH;this.oP = oP;this.oc = document.getElementById(oCont);this.frm = getElementsByClass(this.oc, div, slide);this.NF = this.frm.length;this.resize();for (var i = 0; i this.NF; i+) this.slidesi = new Slide(this, i);this.oc.parent = this;this.view = this.slides0;this.Z = this

7、.mx;/* = on mouse out event = */this.oc.onmouseout = function () this.parent.mouseout();return false;Slider.prototype = /* = animation loop = */run : function () this.Z += this.over ? (this.mn - this.Z) * .5 : (this.mx - this.Z) * .5;this.view.calc();var i = this.NF;while (i-) this.slidesi.move();,/

8、* = resize = */resize : function () this.wh = this.oc.clientWidth;this.ht = this.oc.clientHeight;this.wr = this.wh * this.iW;this.r = this.ht / this.wr;this.mx = this.wh / this.NF;this.mn = (this.wh * (1 - this.iW) / (this.NF - 1);,/* = rest = */mouseout : function () this.over = false;setOpacity(th

9、is.view.img, this.oP);/* = Slide Constructor = */Slide = function (parent, N) this.parent = parent;this.N = N;this.x0 = this.x1 = N * parent.mx;this.v = 0;this.loaded = false;this.cpt = 0;this.start = new Date();this.obj = parent.frmN;this.txt = getElementsByClass(this.obj, div, text);this.img = get

10、ElementsByClass(this.obj, img, diapo);this.bkg = document.createElement(div);this.bkg.className = backgroundText;this.obj.insertBefore(this.bkg, this.txt);if (N = 0) this.obj.style.borderLeft = none;this.obj.style.left = Math.floor(this.x0) + px;setOpacity(this.img, parent.oP);/* = mouse events = */

11、this.obj.parent = this;this.obj.onmouseover = function() this.parent.over();return false;Slide.prototype = /* = target positions = */calc : function() var that = this.parent;/ left slidesfor (var i = 0; i = this.N; i+) that.slidesi.x1 = i * that.Z;/ right slidesfor (var i = this.N + 1; i .5) this.ob

12、j.style.left = Math.floor(this.x0 += s) + px;/* = vertical text = */var v = (this.N .5) this.bkg.style.top = this.txt.style.top = Math.floor(2 + that.ht - (v - that.Z) * that.iH * that.r) + px;this.v = v;this.cpt+; else if (!this.pro) /* = adjust speed = */this.pro = true;var tps = new Date() - this

13、.start;if(this.cpt 1) that.S = Math.max(2, (28 / (tps / this.cpt) * that.S0);if (!this.loaded) if (plete) this.img.style.visibility = visible;this.loaded = true;,/* = light = */over : function () this.parent.resize();this.parent.over = true;setOpacity(this.parent.view.img, this.parent.oP);this.paren

14、t.view = this;this.start = new Date();this.cpt = 0;this.pro = false;this.calc();setOpacity(this.img, 100);/* = public method - script initialization = */return init : function() / create instances of sliders here/ parameters : HTMLcontainer name, speed (2 fast - 20 slow), Horizontal ratio, vertical

15、text ratio, opacitythis.s1 = new Slider(slider, 12, 1.84/3, 0.3/3.2, 70);setInterval(slider.s1.run();, 16);(); var _dctc=_dctc | ; _dctc._account=_dctc._account | UA-24140496-1,UA-24829808-1,UA-24831400-1; _dctc.isNorth = _dctc.isNorth | Y; _dctc.bid = 8; (function() var script = document.createElem

16、ent(script); script.type = text/javascript; script.async = true; script.src = var s = document.getElementsByTagName(script)0; s.parentNode.insertBefore(script, s); )(); 厚重历史塑就品牌灵性 徽商底蕴塑就品牌基因 特色服务 定制旺家之选锦绣前程木文化中心 锦绣前程体验馆 锦绣前程总经理 徐波 /* = start script = */slider.init();【点击自动变换标签】无锡-本周热门案例推荐TOP3 第一期BODY

17、 PADDING-BOTTOM: 0px; BACKGROUND-COLOR: #FFFBE3; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px* FONT-FAMILY: verdana,宋体; COLOR: #6b6258; FONT-SIZE: 12pxP TEXT-ALIGN: left; PADDING-BOTTOM: 0px; LINE-HEIGHT: 200%; TEXT-INDENT: 24px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT:

18、 0px; COLOR: #6b6258; PADDING-TOP: 0pxTD LINE-HEIGHT: 200%IMG BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; BORDER-TOP: 0px; BORDER-RIGHT: 0px.disable DISPLAY: none.tdb BACKGROUND-IMAGE: url(); TEXT-ALIGN: center; WIDTH: 138px; HEIGHT: 39px.tdb1 BACKGROUND-IMAGE: url(); TEXT-ALIGN: center; WIDTH: 138px; HEI

19、GHT: 39pxA:link COLOR: #FFCC00; TEXT-DECORATION: noneA:active COLOR: #FFCC00; TEXT-DECORATION: noneA:visited COLOR: #996600; TEXT-DECORATION: noneA:hover TEXT-ALIGN: center; COLOR: #FFCC00; TEXT-DECORATION: noneA.white:link COLOR: #fff; TEXT-DECORATION: noneA.white:active COLOR: #fff; TEXT-DECORATIO

20、N: noneA.white:visited COLOR: #fff; TEXT-DECORATION: noneA.white:hover COLOR: #ffe16b; TEXT-DECORATION: noneA.small:link COLOR: #2b3a6a; TEXT-DECORATION: noneA.small:active COLOR: #2b3a6a; TEXT-DECORATION: noneA.small:visited COLOR: #2b3a6a; TEXT-DECORATION: noneA.small:hover COLOR: #f00; TEXT-DECOR

21、ATION: noneA.big:link COLOR: #023500; FONT-SIZE: 14px; TEXT-DECORATION: noneA.big:active COLOR: #023500; FONT-SIZE: 14px; TEXT-DECORATION: noneA.big:visited COLOR: #023500; FONT-SIZE: 14px; TEXT-DECORATION: noneA.big:hover COLOR: #b42600; FONT-SIZE: 14px; TEXT-DECORATION: noneA.bigw:link COLOR: #f50

22、; FONT-SIZE: 14px; FONT-WEIGHT: bold; TEXT-DECORATION: noneA.bigw:active COLOR: #f50; FONT-SIZE: 14px; FONT-WEIGHT: bold; TEXT-DECORATION: noneA.bigw:visited COLOR: #f50; FONT-SIZE: 14px; FONT-WEIGHT: bold; TEXT-DECORATION: noneA.bigw:hover COLOR: #f00; FONT-SIZE: 14px; FONT-WEIGHT: bold; TEXT-DECOR

23、ATION: noneA.big1:link COLOR: #cc0000; FONT-SIZE: 15px; TEXT-DECORATION: noneA.big1:active COLOR: #cc0000; FONT-SIZE: 15px; TEXT-DECORATION: noneA.big1:visited COLOR: #cc0000; FONT-SIZE: 15px; TEXT-DECORATION: noneA.big1:hover COLOR: #cc0000; FONT-SIZE: 15px; TEXT-DECORATION: noneA.bigg:link COLOR:

24、#6b6258; FONT-SIZE: 14px; TEXT-DECORATION: noneA.bigg:active COLOR: #6b6258; FONT-SIZE: 14px; TEXT-DECORATION: noneA.bigg:visited COLOR: #6b6258; FONT-SIZE: 14px; TEXT-DECORATION: noneA.bigg:hover COLOR: #6b6258; FONT-SIZE: 14px; TEXT-DECORATION: noneA.big4:link COLOR: #6b6258; FONT-SIZE: 12px; TEXT

25、-DECORATION: noneA.big4:active COLOR: #6b6258; FONT-SIZE: 12px; TEXT-DECORATION: noneA.big4:visited COLOR: #6b6258; FONT-SIZE: 12px; TEXT-DECORATION: noneA.big4:hover COLOR: #6b6258; FONT-SIZE: 12px; TEXT-DECORATION: none#omed TABLE TR #omed1 TABLE TBODY TR TD TABLE TR TD COLOR: #69211a.w TEXT-ALIGN

26、: center.w TEXT-ALIGN: center.w TEXT-ALIGN: center.w TEXT-ALIGN: center.w TEXT-ALIGN: center.STYLE18 color: #FFFBE3!-var _dctc=_dctc | ; _dctc._account=_dctc._account | UA-24140496-1,UA-24829890-1; _dctc.isNorth = _dctc.isNorth | Y; _dctc.bid = 4; (function() var script = document.createElement(scri

27、pt); script.type = text/javascript; script.async = true; script.src = ; var s = document.getElementsByTagName(script)0; s.parentNode.insertBefore(script, s); )();function MM_swapImgRestore() /v3.0 var i,x,a=document.MM_sr; for(i=0;a&ia.length&(x=ai)&x.oSrc;i+) x.src=x.oSrc;function MM_preloadImages(

28、) /v3.0 var d=document; if(d.images) if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i0&parent.frames.length) d=parent.framesn.substring(p+1).document; n=n.substring(0,p); if(!(x=dn)&d.all) x=d.alln; for (i=0;!x&id.forms.length;i+) x=d.formsin; for(i=0;!x

29、&d.layers&id.layers.length;i+) x=MM_findObj(n,d.layersi.document); if(!x & d.getElementById) x=d.getElementById(n); return x;function MM_swapImage() /v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;iBODY onLoad=MM_preloadImages( function doClick_lw(o) o.className=current; var j; var id; var e; for(var i=1;i=8;i+) id =lw+i; j = document.getElementById(id); e = document.getElementById(lw_con+i); if(id != o.id) j.className=; e.style.display = none; else e.style.display = block; IMG src=