微信公众号：创享日记
发送：产品网页
获取完整源码（打开即可用）
效果①主页首页
/*=================================================================页面重置=================================================================*/ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:normal;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:top;}:focus{outline:0;}body{line-height:1;color:black;background:white;}body a{outline:none;blr:expression(this.onFocus=this.blur());text-decoration:none;}ol,ul{list-style:none;}table{border-collapse:separate;border-spacing:0;}caption,th,td{text-align:left;font-weight:normal;}blockquote:before,blockquote:after,q:before,q:after{content:"";}blockquote,q{quotes:"" "";}select,input,img,textarea{vertical-align:middle;outline:none;}* html,* html body{background-image:url(about:blank);background-attachment:fixed;font-size:12px;font-family:simsun;} /*=================================================================文字排版=================================================================*/ .f13{font-size:13px} .f14{font-size:14px} .t2{text-indent:2em} .lh22{line-height:22px} .lh24{line-height:24px} .unl{text-decoration:underline} /*=================================================================定位=====================================================================*/ .tl{text-align:left} .tc{text-align:center} .tr{text-align:right} .bc{margin:0 auto} .fl{float:left;display:inline} .fr{float:right;display:inline} .clearfix:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0} .clearfix{*zoom:1;} /*清理盒子内部浮动，无毒副作用*/ .cb{clear:both} .cl{clear:left} .cr{clear:right} .vm{vertical-align:middle} .vt{vertical-align:top} .vb{vertical-align:bottom} .pr{position:relative} .pa{position:absolute} .fixed{position:fixed} .zoom{zoom:1} .hidden{visibility:hidden} .none{display:none} .oh{overflow:hidden} .block{display:block} /*=================================================================长度高度=================================================================*/ .w10{width:10px} .w20{width:20px} .w30{width:30px} .h{height:100%} /*=================================================================边距=====================================================================*/ .mb30{margin-bottom:30px} .mr30{margin-right:30px} .pb10{padding-bottom:10px} .pb05{padding-bottom:05px} .pb20{padding-bottom:20px} .pb30{padding-bottom:30px} .pr50{padding-right:50px} .pr100{padding-right:100px} /*=================================================================补充=====================================================================*/ .ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .wn{white-space:nowrap} .transparen{filter:alpha(opacity=0);opacity:0} .fixedBR{position:fixed;bottom:10px;right:10px;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)-10))}
效果②商品预定页
效果③关于我们页
效果④商品列表页
效果⑤新闻资讯列表页
效果⑥商品详情页
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:normal;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:top;}:focus{outline:0;}body{line-height:1;color:black;background:white;}body a{outline:none;blr:expression(this.onFocus=this.blur());text-decoration:none;}ol,ul{list-style:none;}table{border-collapse:separate;border-spacing:0;}caption,th,td{text-align:left;font-weight:normal;}blockquote:before,blockquote:after,q:before,q:after{content:“”;}blockquote,q{quotes:“” “”;}select,input,img,textarea{vertical-align:middle;outline:none;}* html,* html body{background-image:url(about:blank);background-attachment:fixed;font-size:12px;font-family:simsun;}
