网页家居设计 第1篇
以上便是关于「网页设计欣赏」的全部内容。本文列举了 5 个网页设计案例,按照实际用途可分为电商类,家具类,3D 类,餐饮类,博客类。这 5 套网页设计模板均由即时设计提供。即时设计是一款支持通过浏览器打开,在网页端运行使用的专业设计工具,因此这 5 套网页设计模板可以直接一键使用,而无需进行下载。如果想了解更多有关于网页设计的内容,无论是网页设计素材还是网页设计规范尺寸,都可以前往即时设计的「资源广场」浏览一番。资源广场提供了近千条有关于网页设计的设计资源,可以直接使用,想用就拿。
网页家居设计 第2篇
以下为网页正文(节选示例):
网页家居设计 第3篇
代码如下(节选示例):
欢迎进入xxx智能家居官网! 服务热线:400-xxxx-xxx
xxx· 掌控智能家居新生活 xxx· 科技生活让爱无限连接 xxx智能家居· 让管理没有距离
......
代码如下(节选示例):
@charset _utf-8_; /* css 重置 */ body,div,ul,li,dl,dt,dd,h2,p{padding:0;margin:0;font-family:_微软雅黑_;} ul{list-style:none ;} img{border:none;} a{blr:expression(());outline:none;}
/* banner-box */ .banner-box{min-width:100%;height:560px;position:relative;overflow:hidden;} .banner-box .bd{ width:100% !important;} .banner-box .bd li .m-width {width:100%;margin:0 auto;overflow:hidden;} .banner-box .bd li{width:100% !important;height:560px;} .banner-box .bd li a{display:block;background-size:auto;}
.banner-btn{width:1210px;position:absolute;top:120px;left:50%;margin-left:-605px;} .banner-btn a{display:block;width:49px;height:104px;position:absolute;top:0;filter:alpha(opacity=40);-moz-opacity:;-khtml-opacity:;opacity:;} .banner-btn {left:20px;background:url(../images/) no-repeat 0 0;} .banner-btn {right:20px;background:url(../images/) no-repeat -49px 0;}
.banner-box .hd {position:absolute;top:210px;left:537px;} .banner-box .hd ul li{width:12px;height:12px;border-radius :50%;text-indent:-9999px;margin-right:20px;background:#ccc;float:left;cursor:pointer;} .banner-box .hd ul {background:#DA324D;}
......
代码如下(节选示例):
( function( window ) {
'use strict';
// class helper functions from bonzo
function classReg( className ) { return new RegExp(_(^|\\s+)_ + className + _(\\s+|$)_); }
// classList support for class management // altho to be fair, the api sucks because it won't accept multiple classes at once var hasClass, addClass, removeClass;
if ( 'classList' in ) { hasClass = function( elem, c ) { return ( c ); }; addClass = function( elem, c ) { ( c ); }; removeClass = function( elem, c ) { ( c ); }; } else { hasClass = function( elem, c ) { return classReg( c ).test( ); }; addClass = function( elem, c ) { if ( !hasClass( elem, c ) ) { = + ' ' + c; } }; removeClass = function( elem, c ) { = ( classReg( c ), ' ' ); }; }
function toggleClass( elem, c ) { var fn = hasClass( elem, c ) ? removeClass : addClass; fn( elem, c ); }
var classie = { // full names hasClass: hasClass, addClass: addClass, removeClass: removeClass, toggleClass: toggleClass, // short names has: hasClass, add: addClass, remove: removeClass, toggle: toggleClass };
// transport if ( typeof define === 'function' && ) { // AMD define( classie ); } else { // browser global = classie; }
})( window );
......