-
圖標(biāo)字體優(yōu)點(diǎn)：避免圖片的使用，節(jié)約性能，方便修改尺寸 缺點(diǎn)：1.HTML結(jié)構(gòu)復(fù)雜 2.不兼容IE6和IE7查看全部
-
sass運(yùn)算符兩邊一定要有空格查看全部
-
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%;}查看全部
-
/*側(cè)邊導(dǎo)航樣式*/ .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;}查看全部
-
<!-- 側(cè)邊工具條的制作（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布結(jié)構(gòu)查看全部
-
解決中文支持問題的方法： \Koala\rubygems\gems\sass-3.4.9\lib\sass\engine.rb 在所有的require下面復(fù)制這段話 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')查看全部
-
老師這個(gè)強(qiáng)迫癥好， 簡化許多多次重復(fù)的獲取，盡量減少DOM訪問，優(yōu)化提高利用率查看全部
-
將變量賦值 設(shè)為對(duì)象的靜態(tài)屬性，減少實(shí)例化時(shí)的內(nèi)存消耗。查看全部
-
require.js 引入查看全部
-
代碼要去哪里下載？查看全部
-
sass工具中文編譯出錯(cuò)的解決方式查看全部
舉報(bào)
0/150
提交
取消