日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關咨詢
選擇下列產(chǎn)品馬上在線溝通
服務時間:8:30-17:00
你可能遇到了下面的問題
關閉右側工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
CSS中編寫腳本實現(xiàn)交互效果

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

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

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

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

CSS代碼如下:

ExampleSourceCode

 
 
 
  1. event:expression(
  2. onmouseover=function()
  3. {
  4. this.style.backgroundColor='#ccc'
  5. this.style.border='1pxsolid#000'
  6. },
  7. onmouseout=function()
  8. {
  9. this.style.backgroundColor='#f0f0f0'
  10. this.style.border='1pxsolid#c00'
  11. }
  12. )

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

請看下面的實例:

SourceCodetoRun

 
 
 
  1. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. content="text/html;charset=utf-8"/>
  3. www.mb5u.com
  4. .show{
  5. width:600px;
  6. height:58px;
  7. margin:50pxauto0auto;
  8. line-height:58px;
  9. border:1pxsolid#c00;
  10. background:#f0f0f0;
  11. text-align:center;
  12. /*mb5u提醒您重點注重查看下面的代碼*/
  13. event:expression(
  14. onmouseover=function()
  15.  {
  16.  this.style.backgroundColor='#ccc'
  17.  this.style.border='1pxsolid#000'
  18.  },
  19. onmouseout=function()
  20.  {
  21.  this.style.backgroundColor='#f0f0f0'
  22.  this.style.border='1pxsolid#c00'
  23.  }
  24.   )
  25. }
  26. 致力于Web標準在中國的應用及發(fā)展
  • [可先修改部分代碼再運行查看效果]


    網(wǎng)頁標題:CSS中編寫腳本實現(xiàn)交互效果
    文章鏈接:http://m.5511xx.com/article/cdjhcjp.html