分類目錄歸檔:Div+CSS

暴力修復 bootstrap.css 在手機端 滑動時右側出現空白的問題

最近的一個項目 前臺使用了 bootstrap.css + angularjs, 后臺只處理數據(用的php,處理結果直接 json_encode($arr),非常爽)。一直在Chrome的仿真機測試非常完美, 沒有進行真機測試。完成后,到手機測試時傻了,左右滑動頁面時,竟然出現了一個 空白的豎條(如下圖所示)。判斷是margin-right 設置的長度所致,檢查css,并沒有相關代碼。看來問題出現在了 bootstrap 。 繼續閱讀

bootstrap glyphicons 字體實現方法

2017/02/24更新,感謝豬圈圈(bruce_zxy#163.com)指出,glyphicon 多了個s的問題,文章已經修正
================
使用bootstrap很久了,內置的 glyphicon 圖標,足以滿足 小型項目的需求。只需要使用一個樣式,即可調出圖標。雖然感覺很神奇,一直沒有分析他是怎么實現的,通過Chrome 開發者工具,定位到 對應的elment 后,得知他是 繼續閱讀

VB+HTML實現Win8界面

天天和WEB打交道,忽然需要寫個客戶端,就傻眼了把。沒有CSS,沒有JQuery,還寫個毛。調用默認額度控件,又丑死了,而且非常不靈活。如果把HTML和VB結合起來,做客戶端界面就爽多了。

實在郁悶,在網上偶爾找到了HyperApp.cls,好東西啊,在他的基礎上我擴展了些,寫出來了一個演示程序。

繼續閱讀

可以方便的給DOM對象添加方法,可支持所有瀏覽器

Test
Test
/*
文件名:set-Object.html
設計者:苗啟源
功  能:可以方便的給DOM對象添加方法,可支持所有瀏覽器
主  頁:http://www.yslfodr.com/p/set-Object
*/
var $=function(id){return document.getElementById(id);}
//SetObject 設置對象屬性
var setObject=function(c,d){for(p in d){c[p]=d[p];if(p=="init")c.init();}return c;}
//擴展屬性
var __isIE=function(){return window.ActiveXObject}
var __Name=function(t){if(this.tmp)this.name=this.tmp;else this.name='Hello'}
var __setClass=function(t){if(__isIE){this.className=t}else{this.setAttribute('class',t);}}
var __getClass=function(){if(__isIE){return this.className}else{return this.getAttribute('class');}}

//測試對象
var ob=$("Demo");var ob2=$("Demo2");
setObject(ob,{tmp:'Demo',init:__Name,setClass:__setClass,getClass:__getClass});
setObject(ob2,{init:__Name,setClass:__setClass,getClass:__getClass});
document.write(ob.name+"\n");
document.write(ob2.name+"\n");
document.write(ob.getClass()+"\n");
document.write(ob2.getClass()+"\n");
ob.setClass('newDemoClass');
ob2.setClass('newDemo2Class');
document.write(ob.getClass()+"\n");
document.write(ob2.getClass()+"\n");

FlyCat(CatSeven) 美女圖片程序開發動態

因為周日加班,所以程序的發布計劃被完全打亂,本人決定在細節上做一下修改,于元旦發布。

FlyCat(CatSeven) 美女圖片程序框架完成,預計下周一即可發布。

登陸圖片使用了UGUG.CN上的404錯誤頁的背景圖。

后臺頂部導航條參考了139郵箱的導航。
后臺僅有一個頁面,所有功能都由Ajax請求,并輸出結果。