• 當(dāng)前位置：創(chuàng)新互聯(lián) >> 常見問題 >> 網(wǎng)站建設(shè) >> 網(wǎng)站制作 >> 隨意拖動(dòng)的圖片

隨意拖動(dòng)的圖片

• 作者：創(chuàng)新互聯(lián) 文章來源：網(wǎng)站建設(shè)部 點(diǎn)擊數(shù)： 更新時(shí)間：2009-05-28
• 　　在某些電子商務(wù)網(wǎng)站上，大家經(jīng)常會(huì)見到把商品用鼠標(biāo)直接拖拽到購物車中的情形。而在某些在線游戲網(wǎng)站，大家也偶爾還會(huì)玩一些拼圖游戲等。那么這些網(wǎng)站到底是怎么做呢？大家想知道的話，就跟隨成都創(chuàng)新互聯(lián)網(wǎng)站建設(shè)的小編一起來看看吧。
  　　其實(shí)這些效果是可以用Dreamweaver來實(shí)現(xiàn)的。這些使用鼠標(biāo)拖拽對象的行為在Dreamweaver中就稱之為DragLayer。使用這個(gè)動(dòng)作的時(shí)候，可以規(guī)定瀏覽者用鼠標(biāo)拖拽對象的方向，瀏覽者要將對象拖動(dòng)到的那個(gè)目標(biāo)，并且，如果這個(gè)對象處于目標(biāo)周圍一定的坐標(biāo)范圍內(nèi)，還可以自動(dòng)地依附到目標(biāo)上。更神奇的是，當(dāng)對象到達(dá)目標(biāo)時(shí)，可以規(guī)定將要發(fā)生的事情。
  是不是很神奇呢？下面小編就講解一下使用DragLayer動(dòng)作的全過程。
  
  　　首先，選擇工具面板中的層按鈕，插入一個(gè)新層，并在層中插入一個(gè)對象。確保不選中這一層，然后點(diǎn)擊行為面板中的+號(hào)，從中選擇DragLayer，將彈出對話框。這個(gè)對話框有兩個(gè)標(biāo)簽，分別是Basic和Advanced。
  
  在標(biāo)簽Basic中，作如下設(shè)置：
  1、選定將要被拖拽的層名稱。
  2、Movement：它有兩個(gè)選項(xiàng)，Unconstrained和Constrained。前者的意思是用戶的鼠標(biāo)拖拽不受任何限制。如果選擇后者，則限制了鼠標(biāo)拖拽的范圍。通過在Up、down、left、right中鍵入坐標(biāo)值，確定鼠標(biāo)拖拽的區(qū)域。
  3、DropTarget：設(shè)定拖拽層的目標(biāo)位置的坐標(biāo)值。
  4、SnapIfWithin設(shè)定了可拖拽的那一層處于距離目標(biāo)多遠(yuǎn)的范圍內(nèi)，如果在范圍內(nèi)，則自動(dòng)依附到目標(biāo)的位置上。
  
  　　其次，如果你還想在被拖拽的層到達(dá)一個(gè)目標(biāo)后，導(dǎo)致某種行為的產(chǎn)生，比如，在購物網(wǎng)站中，將物品拖至購物車后，告知用戶訂購成功的信息。這種情況下，就需要設(shè)置DragLayer動(dòng)作對話框中Advanced標(biāo)簽的內(nèi)容。
  
  1、DragHandle：
  ①如果選擇EntireLayer，則鼠標(biāo)可以拖拽層的任何部位。
  ②如果選擇Areawithinlayer則只有在這一層被設(shè)定范圍內(nèi)的部分可以導(dǎo)致鼠標(biāo)拖拽動(dòng)作的發(fā)生。這時(shí)，需要設(shè)置頂端、底端、左端、右端的位置值。
  2、Whiledragging：
  如果選中了這個(gè)復(fù)選框，在鼠標(biāo)拖拽時(shí)，都將出現(xiàn)在所有層的最上方。
  3、Calljavascript：在鼠標(biāo)拖拽層的過程中，可以調(diào)用javascript函數(shù)。比如，可以告訴瀏覽者一些諸如“你距離目的地還有多遠(yuǎn)”之類的信息。
  4、Whendropped：當(dāng)鼠標(biāo)拖拽層之后，釋放層時(shí)，調(diào)用javascript。
  5、Onlyifsnapped：如果選中這項(xiàng)，則僅當(dāng)層已經(jīng)被拖拽到設(shè)定的目標(biāo)位置時(shí)，才調(diào)用javascript函數(shù)。
  
  　　最后，大家按照上面講解的各選項(xiàng)設(shè)置的用法以后，就可以輕松地按照每個(gè)人所希望的設(shè)置完成。而這時(shí)，在瀏覽器中打開頁面，就可以欣賞到作品了。
• 自己制作紫色色調(diào)的素材 :上一篇
  什么網(wǎng)站算好站? :下一篇