dw代码样式模版(上)(效果图).doc

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: #0

2、00;#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;w

3、idth: 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;f

4、ilter: 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 .5) this.obj.style.left = Math.floo

5、r(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.start;if(this.cpt 1) th

6、at.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.parent.view = this;this.start

7、 = 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 text ratio, opacitythis.

8、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.createElement(script); script.t

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

10、px; 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: 0px; COLOR: #6b62

11、58; 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; HEIGHT: 39pxA:link CO

12、LOR: #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-DECORATION: noneA.white:vis

13、ited 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-DECORATION: noneA.big:l

14、ink 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; FONT-SIZE: 14px;

15、 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-DECORATION: noneA.big1:

16、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: #6b6258; FONT-SIZE

17、: 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-DECORATION: noneA

18、.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: center.w TEXT-AL

19、IGN: center.w TEXT-ALIGN: center.w TEXT-ALIGN: center.w TEXT-ALIGN: center.STYLE18 color: #FFFBE30 n=n.substring(0,p);if(!(x=dn) for (i=0;!xvar j;var id;var e;for(var i=1;i【滚动图片（小） 】var swf_width=330var swf_height=340var files=http:/ links=http:/ texts=document.write();document.write();document.writ

20、e();document.write();document.write(); document.write();【滚动图片六 三图并排】无标题文档 【滚动图片样式二】无标题文档 function getid(obj)/取对应 id 的元素return document.getElementById(obj);function getNames(obj,name,tij)/取 obj 元素下标签为 tij 的元素并要求满足 name 属性=name;返回一个数组var p = getid(obj);var plist = p.getElementsByTagName(tij);var rlist

21、 = new Array();for(i=0;i9)n=0;play(xn.getElementsByTagName(“img“)0,“bimg“,“imginfo“); setAuto();.dis DISPLAY: block.undis DISPLAY: noneUL PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0pxLI PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0p

22、x; PADDING-TOP: 0px.focus #bimg FILTER: progid:DXImageTransform.Microsoft.Fade ( duration=0.5,overlap=1.0 ); FLOAT: left; MARGIN: 0px 7px; WIDTH: 649px; HEIGHT: 366px; TEXT-ALIGN: center.focus .focus_img IMG CLEAR: both; WIDTH: 649px; HEIGHT: 366px.focus .focus_img .info DISPLAY: block; FONT-SIZE: 12px; COLOR: #ffff99; TEXT-INDENT: 2em; LINE-HEIGHT: 22px; PADDING-TOP: 11px; TEXT-ALIGN: left;.focus .focus_list FLOAT: left; OVERFLOW: hidden; WIDTH: 115px; HEIGHT: 417px