AdiHuang

Posted 2016-03-25Note

onclick="javascript:history.go(-1);"

Posted 2016-03-25Note

js显示本地时间年月日

<script language="JavaScript" type="text/JavaScript">
var day="";
var month="";
var ampm="";
var ampmhour="";
var myweekday="";
var year="";
mydate=new Date();
myweekday=mydate.getDay();
mymonth=mydate.getMonth()+1;
myday= mydate.getDate();
myyear= mydate.getYear();
year=(myyear > 200) ? myyear : 1900 + myyear;
if(myweekday == 0)
weekday=" 星期日 ";
else if(myweekday == 1)
weekday=" 星期一 ";
else if(myweekday == 2)
weekday=" 星期二 ";
else if(myweekday == 3)
weekday=" 星期三 ";
else if(myweekday == 4)
weekday=" 星期四 ";
else if(myweekday == 5)
weekday=" 星期五 ";
else if(myweekday == 6)
weekday=" 星期六 ";
document.write(year+"年"+mymonth+"月"+myday+"日 "+weekday);
</script>

Posted 2016-03-25Note

禁止复制、选中文本

Element {
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  user-select: none;
}

Posted 2016-03-25Note

去除ios中input默认样式

input,textarea,select,button {
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  border-radius:0;
}

Posted 2016-03-25Note

IE6 png图片透明的2种方法

一.图片当背景，CSS方法

img {
    _background:none;  
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='logo.png',sizingMethod='crop');
    }

但是测试发现当给background:red url(logo.png) no-repeat center;加了红色时，别的浏览器正常识别，ie6会出现依旧不识别的情况。
解决办法是在外面套的标签，或body加背景色。（background-color:red;单独写就可以了）
强调：IE6做了透明的背景，对他上面<A>便签会失效，也就是点有连接的地方没连接了，解决方案：
列<div class="top"><a>首页</a> <a>关于我们</a> <a>产品中心</a>...</div>，如果top这个class有PNG背景，而你又用了我那个代码，这个时候里面的链接会没反映的，解决就是:
.top a{position:relative}，这个很常用了

Posted 2016-03-25Note

div设置最小高度（兼容IE6）

.test {
  height:auto!important;
  height:200px;
  min-height:200px;
}

标准浏览器中固定高度值的容器是不会象IE6里那样被撑开的,那我又想固定高度，又想能被撑开需要怎样设置呢？办法就是去掉height设置min-height:200px; 这里为了照顾不认识min-height的IE6 可以这样定义

Posted 2016-03-24Note

html5默认提示文字placeholder更改颜色

/* placeholder颜色 */
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #dbdbdb;}
input:-moz-placeholder, textarea:-moz-placeholder { color: #dbdbdb;}
input::-moz-placeholder, textarea::-moz-placeholder { color: #dbdbdb;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #dbdbdb;}

Posted 2016-03-24Note

文字超出范围以省略号表示

一、单行溢出，超出部分显示…或者截取。前提必须有宽度。

p {
  width: 100px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

Posted 2016-03-24Note

css控制外层div高度未知内层div高度100%

外层：div设置超出不显示，
内层：div底部内边距10000px，div底部外边距-10000px。

.outerDiv { overflow:hidden;}
.interDiv { padding-bottom:10000px; margin-bottom:-10000px;}

Posted 2016-03-24Note

单行内图片和文字垂直居中(vertical-align:middle)

当图片和文字在div内单行排列时，文字会自动与图片的底部对齐，如果我们要使图片和文字垂直居中，只需要在图片img属性里加上vertical-align:middle;就可以了。

img { vertical-align:middle;}

一、单行溢出，超出部分显示…或者截取。前提必须有宽度。

Tags