長沙做網(wǎng)站官方站點(diǎn)精彩分享

亚洲国产私拍精品国模在线观看,人妻中出受孕 中文字幕在线,3D动漫精品啪啪一区二区免费,亚洲AV色福利天堂

dreamweaver做彈出菜單效果(圖文講解)

[ 2226 查看 / 0 回復(fù) ]

彈出菜單在做網(wǎng)站中是一種非常常用的菜單方式,這種菜單不但制作簡單,而且效果也很好。
  
  Dreamweaver是制作下拉菜單最常用的工具,方法簡單,控制自由,可以最大限度地隨心打造菜單樣式,是制作下拄菜單的必修課。
  
  用Dreamweaver制作下拉菜單的原理很簡單,它利用了Behaviors(行為)面板中的內(nèi)置方法Show-Hide Layers(隱藏-顯示層)方法,并用onMouseOver(鼠標(biāo)移至)和onMouseOut(鼠標(biāo)移開)來觸發(fā)層的隱藏和顯示,而將要出現(xiàn)的菜單就在層中。
  
  現(xiàn)在給大家講解下dreamweaver做彈出菜單效果(圖文講解)。

  1.可以直接給圖片加上彈出菜單。但是不能給文本直接加上彈出菜單。如果需要給文本加上彈出菜單,首先需要把文本變成鏈接。選中文本,在屬性面板的鏈接項(xiàng)輸入“javascript:;”,就給文本加上鏈接了。
  
  2.文本鏈接默認(rèn)的顏色是藍(lán)色,并且有下劃線。如果要更改鏈接文本的外觀使它看上去不是一個(gè)鏈接,在代碼視圖下,打到這個(gè)鏈接的a href 標(biāo)簽,在后面插入“style="text-decoration:none; color:black"”。
  
  3.在添加彈出式菜單之前需要保存網(wǎng)頁文件。保存網(wǎng)頁之后,打開行為面板,點(diǎn)擊+號(hào)。
  
  4.在彈出的菜單中點(diǎn)擊“顯示事件”,選擇“4.0 和更高版本瀏覽器”。
  
  5.點(diǎn)擊+號(hào)按鈕,在彈出的菜單中選擇“顯示彈出式菜單”。
  
  6.在“顯示彈出式菜單”中添加彈出菜單,并做外觀和位置的設(shè)置。中文版一看就明白,這里不多說了。
  
  7.做好彈出菜單后,按F12預(yù)覽,在瀏覽器中的效果如下圖。

  dreamweaver做彈出菜單效果(圖文講解)根據(jù)以上的方法是不是覺的做彈出菜單效果很簡單呢,以后只要跟著長沙做網(wǎng)站學(xué)做網(wǎng)站論壇,你就是做網(wǎng)站高手。
TOP