最简单的hover写法,淡入淡出,关键在于pointer-events的使用,保证淡入淡出都有过渡效果的同时,子元素不会被父元素hover事件所影响!
在html 中的一种简单的写法。如下:
点击事件执行JavaScript的脚本。如下:
当您遇到一些场景,只需展示时,并且不允许用户点击,您可以用css来控制,这是一种改动量最小,并且不会影响其他的操作;具体写法如下:
.item{margin:0 0
padding:1 1
background:#ECEFE9
font-family:tohoma
font-size:12
event:expression(
onmouseover=function(){
style.color="#FFFFFF"
style.background="#9C0A24"
},
onmouseout=function(){
style.color="#004A9F"
style.background="#ECEFE9"
}
)
}