Author: Loko
Look at this one first.
Copy Code code as follows:
<a href= ' # ' onmouseover= ' this.style.cursor= ' hand ' "onmouseout=" this.style.cursor= ' Default ' "onclick=" document.getElementById (' showcontent '). innerhtml= '; return false; >
</a>
Under IE is no problem, when the mouse stroke, there will be a small hand shape, but in FF, only the first row to be effective, this is effective because of the existence of anchor a, rather than onmouseover effect of the result.
Find a lot on the internet, said that as long as the this.style.cursor= ' hand ' changed to this.style.cursor= ' pointer ' on it, but in the FF mouse stroke in the past only the first time will appear small hands.
In fact, under the FF to achieve in IE in the same effect is also possible. Our approach is to use CSS HACK (do I add this for CSS HACK, haha?) )
Copy Code code as follows:
<a href= ' # ' onmouseover= ' this.style.cursor= ' pointer ' this.style.cursor= ' hand ' onmouseout= ' this.style.cursor= ' Default ' onclick= ' document.getElementById (' showcontent '). innerhtml= '; return false; >
</a>
Test passes in IE7 and FF3.0.3.
