demo
事件觸發分成mousewheel和DOMMouseScroll
mousewheel for ie,chrome,oracle
DOMMouseScroll for firefox only
所以兩個都必須寫在事件中才會支援所有瀏覽器
2013年4月9日 星期二
2011年5月4日 星期三
[JS] 使用JS 滑鼠移入表格就更換顏色
在<head></head>內定義表格的樣式
<head>
table{width:400px;border:1px solid #6666FF}
table th{background-color:#999999;text-align:center}
table td{text-align:center;}
tr.a1 td{background-color:#00CC99;}
tr.a2 td{background-color:#99CC33;}
tr.a3 td{background-color:#0000FF;}
table th{background-color:#999999;text-align:center}
table td{text-align:center;}
tr.a1 td{background-color:#00CC99;}
tr.a2 td{background-color:#99CC33;}
tr.a3 td{background-color:#0000FF;}
</head>
在body中寫出table的HTML。然後再table後面寫上JS
<table>
<tr><td></td><td></td></tr>
<script language="javascript">
var tabled=document.getElementById('表格的ID').getElementsByTagName('tr');
function hh(){
for(var i=0;i<tabled.length;i++){
tabled[i].className=(i%2==0)?"a1":"a2";
tabled[i].onmouseover=function(){this.tempClass=this.className;this.className="a3"};
tabled[i].onmouseout=function(){this.className=this.tempClass}
}
}
window.onload=hh;
</script>
注意:要是把JS碼放在HEAD裡面，會出現document.getElementById('表格ID');不是對象或為空，主要是因為程式碼由上往下執行，要讓table全部顯示後，才可以抓到table的ID唷。
2011年4月26日 星期二
[js] 使用JS控制textarea輸入框根據內容自動變化高度
<textarea rows=1 cols=40 style='overflow:scroll;overflow-y:hidden;;overflow-x:hidden'
onfocus="window.activeobj=this;this.clock=setInterval(function(){activeobj.style.height=activeobj.scrollHeight+'px';},200);" onblur="clearInterval(this.clock);">
js控制textarea输入框根据内容自动适应高度
onfocus="window.activeobj=this;this.clock=setInterval(function(){activeobj.style.height=activeobj.scrollHeight+'px';},200);" onblur="clearInterval(this.clock);">
js控制textarea输入框根据内容自动适应高度
2011年3月29日 星期二
[JS] firefox中正常使用innerHTML
正常來說使用
但是在firefox裡面並不會正常顯示
因為firefox想讓程式開法者遵守ECMAScrip規範
所以將與法修改如下，即可正常顯示
不要直接使用div或span的id，而是通過document.getElementById("div_id")來執行替換。
還有，Firefox並不支援innerTEXT屬性。
divID.innerHTML = "test";
在chrome就可以正常顯示內容但是在firefox裡面並不會正常顯示
因為firefox想讓程式開法者遵守ECMAScrip規範
所以將與法修改如下，即可正常顯示
document.getElementById("divID").innerHTML= "test";
不要直接使用div或span的id，而是通過document.getElementById("div_id")來執行替換。
還有，Firefox並不支援innerTEXT屬性。
訂閱：
文章 (Atom)