最近2018中文字幕在日韩欧美国产成人片_国产日韩精品一区二区在线_在线观看成年美女黄网色视频_国产精品一区三区五区_国产精彩刺激乱对白_看黄色黄大色黄片免费_人人超碰自拍cao_国产高清av在线_亚洲精品电影av_日韩美女尤物视频网站

本文向大家簡單介紹一下如何在CSS中編寫腳本實(shí)現(xiàn)交互效果，舉個(gè)簡單的例子，例如容器在鼠標(biāo)移上去的時(shí)候，會發(fā)生一些變化，這些效果，可以用多種方法來實(shí)現(xiàn)，這里就和大家分享一下其中的一種。

創(chuàng)新互聯(lián)公司是一家集網(wǎng)站建設(shè),津市企業(yè)網(wǎng)站建設(shè),津市品牌網(wǎng)站建設(shè),網(wǎng)站定制,津市網(wǎng)站建設(shè)報(bào)價(jià),網(wǎng)絡(luò)營銷,網(wǎng)絡(luò)優(yōu)化,津市網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競爭力?？沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時(shí)我們時(shí)刻保持專業(yè)、時(shí)尚、前沿，時(shí)刻以成就客戶成長自我，堅(jiān)持不斷學(xué)習(xí)、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實(shí)用型網(wǎng)站。

如何在CSS中編寫腳本實(shí)現(xiàn)交互效果？

我們?yōu)g覽網(wǎng)頁的時(shí)候，經(jīng)常會碰到一些交互的效果。例如容器在鼠標(biāo)移上去的時(shí)候，會發(fā)生一些變化。這些效果，可以用多種方法來實(shí)現(xiàn)?，F(xiàn)在我們要解決的是如何在CSS中寫腳本實(shí)現(xiàn)交互效果。

CSS代碼如下：

ExampleSourceCode

 
 
 

  
  
  
event:expression( 
  
  
  
onmouseover=function() 
  
  
  
{ 
  
  
  
this.style.backgroundColor='#ccc'
  
  
  
this.style.border='1pxsolid#000'
  
  
  
}, 
  
  
  
onmouseout=function() 
  
  
  
{ 
  
  
  
this.style.backgroundColor='#f0f0f0'
  
  
  
this.style.border='1pxsolid#c00'
  
  
  
} 
  
  
  
) 
  
  
  

 
 
 

　　這段代碼的意思是定義了鼠標(biāo)的兩種不同的狀態(tài)，onmouseover、onmouseout，在兩種不同的狀態(tài)下，對元素應(yīng)用不同的樣式設(shè)置。這樣就達(dá)到了我們想要的交互效果。

請看下面的實(shí)例：

SourceCodetoRun

 
 
 

  
  
  

  
  
  
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  
  
  

  
  
  

  
  
  

  
  
  
content="text/html;charset=utf-8"/>
  
  
  

  
  
  

  
  
  

  
  
  
.show{ 
  
  
  
width:600px; 
  
  
  
height:58px; 
  
  
  
margin:50pxauto0auto; 
  
  
  
line-height:58px; 
  
  
  
border:1pxsolid#c00; 
  
  
  
background:#f0f0f0; 
  
  
  
text-align:center; 
  
  
  
/*mb5u提醒您重點(diǎn)注重查看下面的代碼*/ 
  
  
  
event:expression( 
  
  
  
onmouseover=function() 
  
  
  
 { 
  
  
  
 this.style.backgroundColor='#ccc'
  
  
  
 this.style.border='1pxsolid#000'
  
  
  
 }, 
  
  
  
onmouseout=function() 
  
  
  
 { 
  
  
  
 this.style.backgroundColor='#f0f0f0'
  
  
  
 this.style.border='1pxsolid#c00'
  
  
  
 } 
  
  
  
  ) 
  
  
  
} 
  
  
  

  
  
  

  
  
  

  
  
  

  
  
  
致力于Web標(biāo)準(zhǔn)在中國的應(yīng)用及發(fā)展