个人乱记

1.h5侧分网站：http://www.htmllint.net/html-lint/htmllint.html

2.登高js
$('.comPhotoList li').equalHeightColumns({
setHeightOn: 'height',
defaultVal: 'auto',
equalizeRows: true
});

3. 特殊符号
※～ ≧ ? ・
●■
①    ①    ②
μ     µ
→    →
c     ©
R     ®
“   ”

° °

...   …

4.滤镜
a:hover img {
   filter: alpha(opacity=70);
   opacity: 0.7;
}

5.一些css3兼容IE8
behavior: url(../js/pie.htc);

6.强制换行不强制换行
white-space: pre-wrap;
word-wrap: break-word;

word-break : break-all;

word-wrap: break-word;
word-break: normal;

7.次方的形式

<sup></sup>

8.submit
    修正按钮的input 要加name="__retry_input__"。
    送信按钮的input 要加name="__send__"。
    要加name="__submit__"。

9.打印
    h2 { page-break-before: always; }

    hr { page-break-after: always; }

10.favicon.ico
<link rel="shortcut icon" type="image/x-icon" href="../images/common/favicon.ico" />

11.mailto
mailto:dr-ito@worldscience.co.jp&cc=dr-ito@worldscience.co.jp
mailto:dr-ito@worldscience.co.jp?cc=dr-hair@worldscience.co.jp

12.copyirhgt年份自动变化
<script type="text/javascript">
today=new Date();
y=today.getFullYear();
document.write("",y,"");
</script>

13.热点hover效果
onmouseover="document.getElementById('infoMap01').src='img/corporate/img01_over01.jpg';" onmouseout="document.getElementById('infoMap01').src='img/corporate/img01.jpg';"

<div class="info02"><img src="img/corporate/img02.jpg" alt="" width="117" height="67" id="infoMap02" usemap="#Map2">
                   <map name="Map2">
                       <area shape="poly" coords="57,50,57,17,28,0,-1,18,-1,49,27,66" alt="" href="#" onmouseover="document.getElementById('infoMap02').src='img/corporate/img02_over01.jpg';" onmouseout="document.getElementById('infoMap02').src='img/corporate/img02.jpg';">
                       <area shape="poly" coords="116,50,116,17,87,0,58,17,58,49,86,66" alt="" href="#" onmouseover="document.getElementById('infoMap02').src='img/corporate/img02_over02.jpg';" onmouseout="document.getElementById('infoMap02').src='img/corporate/img02.jpg';">
                   </map>
                   <h4>取引先</h4>
               </div>

14.input 点击文字消失
   <form action="#">
<input type="text" name="text1" value="入力してください"
onfocus="if (this.value == defaultValue) this.value = '';" onblur="if (!this.value) this.value = defaultValue;">
<input type="reset">
<input type="submit" value="送信">
</form>

15.ipad 显示pc
<script type="text/javascript">
if(((navigator.userAgent.indexOf('iPhone') > 0) || (navigator.userAgent.indexOf('Android') > 0) && (navigator.userAgent.indexOf('Mobile') > 0) && (navigator.userAgent.indexOf('SC-01C') == -1))){
document.write('<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">');
}
</script>

16.表单乱码
$message['御社名（かな）'] = '
'.$parm['company02'].'　'.'
';

17.模板


</head>
<body id="@@(id)@@">

http://weback.net/demo/index-rwd-table.html

18.IE8兼容background
.bgpic {

background-image:url('');

background-size:cover;

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='',sizingMethod='scale');

}

19.
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=1">

<meta name="format-detection" content="telephone=no">

20.兼容IE8的输入框点击文字消失
<input name="search" value="駅名・住所などでフリーワード検索" onblur="if (this.value == '') this.value = '駅名・住所などでフリーワード検索';this.style.color='#CCC';" onfocus="if (this.value == '駅名・住所などでフリーワード検索') this.value = '';this.style.color='#333';" />

21.<input type="image" src="img/index/btn01_out.gif" alt="リセットする" name="__retry_input__" value="リセットする" onmouseover="this.src='img/index/btn01_over.gif'" onmouseout="this.src='img/index/btn01_out.gif'" />