幾種鼠標觸發CSS事件

onMouseDown 按下鼠標時觸發

onMouseOver 鼠標經過時觸發

onMouseUp 按下鼠標松開鼠標時觸發

onMouseOut 鼠標移出時觸發

onMouseMove 鼠標移動時觸發

onMouseLeave  鼠標指針移除觸發

onMouseEnter 鼠標指針移動到對象內時觸發

placeholder 占位符

<style>

　　.f1{color:#ccc;}

　　.f2{color:#000;}

</style>

<div>

　　<input placeholder="婷" class="f1" onMouseDown="this.className='f2'" onMouseOver="this.className='f1'" />

</div>