成人AV在线无码|婷婷五月激情色,|伊人加勒比二三四区|国产一区激情都市|亚洲AV无码电影|日av韩av无码|天堂在线亚洲Av|无码一区二区影院|成人无码毛片AV|超碰在线看中文字幕

html左右滑動切換圖片代碼 怎樣用dreamweaver制作滑動切換圖片效果?

怎樣用dreamweaver制作滑動切換圖片效果?  在DreamWeaver中實現(xiàn)滑動切換圖片效果,可以使用‘鼠標經(jīng)過圖像’功能來實現(xiàn),也可以用CSS控制來實現(xiàn)?! ‖F(xiàn)在具體講一下CSS控制實現(xiàn)圖片

怎樣用dreamweaver制作滑動切換圖片效果?

  在DreamWeaver中實現(xiàn)滑動切換圖片效果,可以使用‘鼠標經(jīng)過圖像’功能來實現(xiàn),也可以用CSS控制來實現(xiàn)?! ‖F(xiàn)在具體講一下CSS控制實現(xiàn)圖片切換效果!  首先制作一個ID為abc的div寬度50px高度50px在abc里面隨便打一個字設(shè)置一個空鏈接。  然后定義abc寬度50px高度50pxa標簽的塊形式代碼如下:  <style type="text/css">  <!--  #abc a {  height: 50px  width: 50px  display: block  }  -->  </style>  <!--注意上面才是CSS代碼,下面是div-->  <divid="abc"><href="#">字體</a></div>  然后設(shè)置div的背景圖片比如圖片名為bj.gif  CSS代碼變?yōu)椋骸 ?ltstyle type="text/css">  <!--  #abc a {  background-image: url(bj.gif)  height: 50px  width: 50px  display: block  }  -->  </style>  最后設(shè)置鼠標經(jīng)過的樣式比如鼠標經(jīng)過圖片為bjj.gif  CSS代碼變?yōu)槿缦拢骸 ?ltstyle type="text/css">  <!--  #abc a {  background-image: url(bj.gif)  height: 50px  width: 50px  display: block  }  #abc a:hover {  background-image: url(bjj.gif)  }  -->  </style>