-
图标字体优点：避免图片的使用，节约性能，方便修改尺寸 缺点：1.HTML结构复杂 2.不兼容IE6和IE7查看全部
-
sass运算符两边一定要有空格查看全部
-
scss koloa requirejs transition查看全部
-
$toolbar-size:52px; *{margin: 0;padding: 0;} .toolbar{ position: fixed; left: 50%; bottom: 5px; margin-left: -$toolbar-size / 2; } .toolbar-item{ position: relative; display: block; width: $toolbar-size; height: $toolbar-size; background-image: url("../img/toolbar.png"); background-repeat: no-repeat; margin-top: 1px; transition: background-position 1s; &:hover{ .toolbar-layer{ opacity: 1; filter: alpha(opacity=100); transform: scale(1); } } } .toolbar-item-weixin{ background-position: 0 -789px; &:hover{ background-position: 0 -860px; } .toolbar-layer{ height: 212px; background-position: 0 0; } } .toolbar-item-feedback{ background-position: 0 -426px; &:hover{ background-position: 0 -488px; } }查看全部
-
.toolbar-layer{position:absolute; right:46px;bottom:-10px;width:172px;background-image: url(img/toolbar.png);background-repeat: no-repeat; opacity: 0;filter:alpha(opacity=0);transform:scale(0.01);transition:all 1s ease; transform-origin:95% 95%;}查看全部
-
/*侧边导航样式*/ .toolbar{position:fixed;right:5%;bottom:5%;} .toolbar-item{position:relative;width:52px;height:52px;margin-top:1px;display: block;background-image: url(img/toolbar.png);background-repeat: no-repeat;transition:background-position 1s;} .toolbar-layer:hover{opacity: 1;transform: scale(1);} .toolbar-item-weixin{background-position: 0 -798px;} .toolbar-item-weixin .toolbar-layer{height:212px;background-position: 0 0;} .toolbar-item-weixin:hover{background-position: 0 -860px;} .toolbar-item-feedback{background-position: 0 -426px;} .toolbar-item-feedback:hover{background-position: 0 -488px;} .toolbar-item-app{background-position: 0 -550px;} .toolbar-item-app .toolbar-layer{height:194px;background-position:0 -222px;} .toolbar-item-app:hover{background-position: 0 -612px;} .toolbar-item-top{background-position: 0 -674px;} .toolbar-item-top:hover{background-position: 0 -736px;}查看全部
-
<!-- 侧边工具条的制作（HTML代码） --> <div class="toolbar"> <a href="javascript:;" class="toolbar-item toolbar-item-weixin"> <span class="toolbar-layer"></span> </a> <a href="javascript:;" class="toolbar-item toolbar-item-feedback"></a> <a href="javascript:;" class="toolbar-item toolbar-item-app"> <span class="toolbar-layer"></span> </a> <a href="javascript:;" class="toolbar-item toolbar-item-top"></a> </div>查看全部
-
toolbarhtml布结构查看全部
-
解决中文支持问题的方法： \Koala\rubygems\gems\sass-3.4.9\lib\sass\engine.rb 在所有的require下面复制这段话 Encoding.default_external = Encoding.find('utf-8') SUBLIME支持sass的方式 http://www.baidu.com/link?url=mAWuX7J82pCeNCaWE5H4xTFe5axjoR_C3RkmzKvUEI0f9emrzEGQ4SQQHIbEq_2A&wd=&eqid=998f84f80002c96000000004565bf304查看全部
-
Encoding.default_external = Encoding.find('utf-8')查看全部
-
老师这个强迫症好， 简化许多多次重复的获取，尽量减少DOM访问，优化提高利用率查看全部
-
将变量赋值 设为对象的静态属性，减少实例化时的内存消耗。查看全部
-
require.js 引入查看全部
-
代码要去哪里下载？查看全部
-
sass工具中文编译出错的解决方式查看全部
举报
0/150
提交
取消