喜米教你电脑鼠标历经情况变色之CSS+DIV方式!

阅读  ·  发布日期 2021-02-19 09:29  ·  admin
喜米教你电脑鼠标历经情况变色之CSS+DIV方式! 公布: 梳理: 時间: 点一下量:1666 完成电脑鼠标历经情况变色的方式有许多,今日大家详细介绍的是用CSS+DIV完成的方式。
方式1 
#div:hover{background:#000000;} 




    解释:电脑鼠标历经id为div的元素时情况变色


    IE6.0、Firefox2.0、Opera 9.23都不好


    方式2


div quot;this.style.backgroundColor='#F4F9FD' onmouseout= this.style.backgroundColor='#FFFFFF' /div  




    方式3:


style
.d_over{background-color:#307172;}
.d_out{background-color:#EFEFEF;}
/style


div 'd_over' onmouseout= this.className='d_out' 哈哈哈哈哈 /div






    a 的标识是能够,但是,这模样会致使其它带有 a 标识的也跟随变色。


    1般 a 是用来界定连接的款式的,其实不是界定某个地区的。如今常见的div+css的网页页面用,div便是表明地区的意思,還是喜爱用这类,自然用table的话,会有更简易的方式。


    实际上如今用的较多的是用 a 标识完成的。


style
a {color:red; width:100px; height:22px; line-height:22px;}
a:hover {background:#f4f4f4; color:#000;}
/style  




    这样要是是代联接的都会变哦,你能够在某地区用,则某地区里边的全部来联接的都会电脑鼠标历经变色。