901web前端博客

人生就像一副复杂拼图
每个人总有属於自己的记忆碎片
Theme By 网上下载

联系我

RSS

三月 27, 2014

公司(kcdns)前端制作标准

1、  我们的HTML+CSS结构

<div id=”bd”>
   //定义区块样式[gard-s5m0]:侧栏s5主栏自适应
 <div class=” layout gard-s5m0”>
      //主栏开始
   <div class=”col-main”>
      <div class=”main-wrap”>
         //盒子类容开始
         <div class=”box J_TBox”>
			//定义盒子名称boxNAME可自由定义
			<div class=”boxNAME”>
				//盒子内容头部(可省略)
				<div class=”hd”></div>
				//盒子内容主体
				<div class=”bd”></div>
				//盒子内容底部(可省略)
				<div class=”ft”></div>
			</div>
          </div>
		</div>
     </div>

	//侧栏开始
	<div class=”col-sub”>
		<div class=”box J_TBox”>
		 <div class=”boxNAME”>
			<div class=”hd”></div>
			<div class=”bd”></div>
			<div class=”ft”></div>
		  </div>
		</div>
	</div>
</div>
</div>

2、  兼容性问题集锦

在IE下padding与margin的兼容性问题

Float引发的兼容性问题

在IE6下使用微软雅黑字体引起的问题

Position定位引起的兼容性问题

3、  我们的js功能(公司wiki平台地址:http://wiki.kcdns.net/index.php)

Tabs切换效果

Slidy轮转效果

Accordion手风琴效果

Carousel旋转木马效果

Countdown倒计时效果

Popup弹出层效果

Drop弹出层效果

Compatible兼容性组建,PNG图片处理

Switchlights开关灯效果

4、  我们的标准

页面制作必须与PSD保持高度统一,包含位置,图片大小,文字样式,行高,间距,以及效果。

相关文章

返回