㈠ dreamweaver拖動圖片
1.開啟DW後,在CSS新建一個定義樣式,建立好後雙擊打開樣式。
2.在樣式中選擇背景--點和帶擊瀏覽--插入背景圖片。如圖:
㈡ 在Dreamweaver製作過程中如何移動所插入的圖片
用層..
在Dreamweaver上面的菜單里選擇鎮槐凱
插入
-布局對象-
層.
再把明輪你的圖片拖放到層裡面去.
然後再拖動層左上角
小藍色方框
就可以隨御喚意移動.
㈢ dw圖片怎麼往上移
插入另一張圖片。dw圖片是放入的背景圖片,是凳緩不可以櫻茄移動的。dw圖片往上移可以插入另一張圖片。AdobeDreamweaver,簡稱「DW」,DW是集網頁製作和管理網站於一身的所見即所得棗頌模網頁代碼編輯器。
㈣ 在dreamweaver中,圖片的位置可以用滑鼠
在 Dreamweaver 中,可以使用滑鼠拖動圖片調整其位置。具體方法如下:
1. 打開 Dreamweaver 並打開 HTML 文件。
2. 在 HTML 文件中定位並選中你想要調整位置的圖片。
3. 選中圖片後,可以橡陵在 Dreamweaver 工具欄中選擇「插入」選項卡下的「圖像」選項,然後在「屬性」面板中找到「位置」選項。
4. 在「位置」選灶碼項中,在「水平」和「垂直」欄位中輸入一個像素值或百分比值,來自定義圖片的位置。
5. 或者,你也可以直接用滑鼠拖動圖片到你想要的位置。在 Dreamweaver 編輯窗口中,滑鼠會變成一個十字形游標,你可以將其拖動到所需位置。
6. 若需要根據網格或參考線調整圖片位置,可以在視圖菜單中選擇「參考線」,或者使用快捷鍵 Ctrl/Cmd + Alt + R 顯示參考線。
7. 圖片位置調整完畢後,可以保存 HTML 文件並在瀏覽器中預覽,以查看最終結果。
總之,在 Dreamweaver 中使梁辯戚用滑鼠調整圖片位置是一個非常簡單和直觀的方法,可以大大提高效率。
㈤ 在Dreamweaver中,怎麼實現圖片可以隨便移動
在網頁中插入一個apdiv,將圖片插入到apdiv中。
切換到拆分視圖,選中body標簽,調出行為面板。
給body標簽添加拖動ap元素行為,設置好參數後就可以實現效果
實例代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//裂岩DTD XHTML 1.0 Transitional//EN" "地址/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="地址/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/滾源亂html; charset=utf-8" />
<title>123</title>
<style type="text/css">
<!--
#apDiv1 {
position:absolute;
left:338px;
top:27px;
width:168px;
height:123px;
z-index:1;
}
-->
</style>
<script type="text/javascript">
<!--
function MM_scanStyles(obj, prop) { //v9.0
var inlineStyle = null; var ccProp = prop; var dash = ccProp.indexOf("-");
while (dash != -1){ccProp = ccProp.substring(0, dash) + ccProp.substring(dash+1,dash+2).toUpperCase() + ccProp.substring(dash+2); dash = ccProp.indexOf("-");}
inlineStyle = eval("obj.style." + ccProp);
if(inlineStyle) return inlineStyle;
var ss = document.styleSheets;
for (var x = 0; x < ss.length; x++) { var rules = ss[x].cssRules;
for (var y = 0; y < rules.length; y++) { var z = rules[y].style;
if(z[prop] && (rules[y].selectorText == '*[ID"' + obj.id + '"]' || rules[y].selectorText == '#' + obj.id)) {
return z[prop];
} } } return "";
}
function MM_getProp(obj, prop) { //v8.0
if (!obj) return ("");
if (prop == "L") return obj.offsetLeft;
else if (prop == "T") return obj.offsetTop;
else if (prop == "W") return obj.offsetWidth;
else if (prop == "H") return obj.offsetHeight;
else {
if (typeof(window.getComputedStyle) == "undefined") {
if (typeof(obj.currentStyle) == "undefined"){
if (prop == "P") return MM_scanStyles(obj,"position");
else if (prop == "Z") return MM_scanStyles(obj,"z-index");
else if (prop == "V") return MM_scanStyles(obj,"visibility"大檔);
} else {
if (prop == "P") return obj.currentStyle.position;
else if (prop == "Z") return obj.currentStyle.zIndex;
else if (prop == "V") return obj.currentStyle.visibility;
}
} else {
if (prop == "P") return window.getComputedStyle(obj,null).getPropertyValue("position");
else if (prop == "Z") return window.getComputedStyle(obj,null).getPropertyValue("z-index");
else if (prop == "V") return window.getComputedStyle(obj,null).getPropertyValue("visibility");
}
}
}
function MM_dragLayer(objId,x,hL,hT,hW,hH,toFront,dropBack,cU,cD,cL,cR,targL,targT,tol,dropJS,et,dragJS) { //v9.01
//Copyright 2005-2006 Adobe Macromedia Software LLC and its licensors. All rights reserved.
var i,j,aLayer,retVal,curDrag=null,curLeft,curTop,IE=document.all;
var NS=(!IE&&document.getElementById); if (!IE && !NS) return false;
retVal = true; if(IE && event) event.returnValue = true;
if (MM_dragLayer.arguments.length > 1) {
curDrag = document.getElementById(objId); if (!curDrag) return false;
if (!document.allLayers) { document.allLayers = new Array();
with (document){ if (NS) { var spns = getElementsByTagName("span"); var all = getElementsByTagName("div");
for (i=0;i<spns.length;i++) if (MM_getProp(spns[i],'P')) allLayers[allLayers.length]=spns[i];}
for (i=0;i<all.length;i++) {
if (MM_getProp(all[i],'P')) allLayers[allLayers.length]=all[i];
}
} }
curDrag.MM_dragOk=true; curDrag.MM_targL=targL; curDrag.MM_targT=targT;
curDrag.MM_tol=Math.pow(tol,2); curDrag.MM_hLeft=hL; curDrag.MM_hTop=hT;
curDrag.MM_hWidth=hW; curDrag.MM_hHeight=hH; curDrag.MM_toFront=toFront;
curDrag.MM_dropBack=dropBack; curDrag.MM_dropJS=dropJS;
curDrag.MM_everyTime=et; curDrag.MM_dragJS=dragJS;
curDrag.MM_oldZ = MM_getProp(curDrag,'Z');
curLeft = MM_getProp(curDrag,'L');
if (String(curLeft)=="NaN") curLeft=0; curDrag.MM_startL = curLeft;
curTop = MM_getProp(curDrag,'T');
if (String(curTop)=="NaN") curTop=0; curDrag.MM_startT = curTop;
curDrag.MM_bL=(cL<0)?null:curLeft-cL; curDrag.MM_bT=(cU<0)?null:curTop-cU;
curDrag.MM_bR=(cR<0)?null:curLeft+cR; curDrag.MM_bB=(cD<0)?null:curTop+cD;
curDrag.MM_LEFTRIGHT=0; curDrag.MM_UPDOWN=0; curDrag.MM_SNAPPED=false; //use in your JS!
document.onmousedown = MM_dragLayer; document.onmouseup = MM_dragLayer;
if (NS) document.captureEvents(Event.MOUSEDOWN|Event.MOUSEUP);
} else {