分类目录归档: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.miaoqiyuan.cn/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请求,并输出结果。