Several mouse triggers for CSS events.
Description
OnMouseDown triggered when the mouse is pressed
OnMouseOver triggered when the mouse passes over
OnMouseUp triggers when the mouse is released when the mouse is pressed
onMouseOut triggered when Mouse is moved out
OnMouseMove Touch when Mouse moves
<TITLE>CSS Mouse Response Events </title>
<meta http-equiv= "Content-type" content= "text/html; charset=gb2312 ">
<style type= "Text/css" >
. off{background-color: #00FF66; padding:100px;}
. Up{background-color: #FF0000; padding:100px}
</style>
<body>
<ul class=off onmouseout= "this.classname= ' Off '" onmouseover= "this.classname= ' Up ' >
<li>onmousedown triggered when the mouse is pressed
<li>onmouseover triggered when the mouse passes over
<li>onmouseup triggers when the mouse is released when the mouse is pressed
<li>onmouseout triggered when Mouse is moved out
<li>onmousemove trigger when mouse moves </li>
</ul>
</body>
| <span style= "color:red;" > Mouse over table color style:<br></span> |
| <style> table { background-color:# 000000; cursor:hand; width:100%; } td { /* Set onmouseover event */ onmouseover: expression ( onmouseover=function () {this.style.bordercolor = ' Blue '; this.style.color= ' red '; this.style.backgroundcolor = ' Yellow '}); /* set onmouseout event */ onmouseout: expression (onmouseout=function () {this.style.bordercolor= "; this.style.color = ";this.style.backgroundcolor = '}"); background-color: #ffffff; } </style> Control Table interlacing: Simple applications: <style type= "Text/css" > |
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
