dw图片移动代码大全（dw移动图片位置）

今天给各位分享dw图片移动代码大全的知识，其中也会对dw移动图片位置进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录一览：

• 1、dw里面把图片百分比缩放的代码是啥
• 2、dreamweaver拖动图片
• 3、Dreamweaver 怎么让图片任意移动
• 4、DW图片切换代码（特效,简单，容改)
• 5、在Dreamweaver中,怎么实现图片可以随便移动

dw里面把图片百分比缩放的代码是啥

dw里面把图片百分比缩放的代码是Dreamweaver 软件界面，在body标签前面适当位置输入：

window.οnlοad=function(){

var btn=document.getElementById("btn")

var one=document.getElementById("one")

one.οnmοuseοver=function(){

startMove(one,{width:400,height:400})

}

one.οnmοuseοut=function(){

startMove(one,{width:100,height:100})

}

function getstyle(obj,name){

if(obj.currentStyle){

return obj.currentStyle[name];

}

else{

return getComputedStyle(obj,null)[name]

}

}

var timer=null;

function startMove(obj,json,fun){

clearInterval(timer);

timer=setInterval(function(){

for(var att in json){

var cur=parseInt(getstyle(obj,att))

var speed=(json[att]-cur)/10;

speed=speed0?Math.ceil(speed):Math.floor(speed);

if(cur==json[att]){

clearInterval(timer);

if(fun){

fun();

}

}

else{

obj.style[att]=cur+speed+"px";

}

}

},30)

}

}；

保存并摁F12键，跳转到页面，光标在图形上进出移动，可看到图形放大缩小。

dreamweaver拖动图片

1.开启DW后，在CSS新建一个定义样式，建立好后双击打开样式。

2.在样式中选择背景--点击浏览--插入背景图片。如图：

3.插入背景图片后，在区块中将图片转为块，便能给制定左右像素，移动图片，如下图所示：

4.然后在方框中--给左右像素即可移动图片。

Dreamweaver 怎么让图片任意移动

1.dw里是不能用鼠标随便控制图片的位置的，移动位置要用代码控制。你说的div我猜是层概念吧，但dw里只有将div设置了绝对定位（position:absolute)才可以用鼠标拖拽,但这样你很难控制div的精确位置的，最后还要用代码，所以培养用代码控制网页元素习惯吧。dw更专业一些，fp更傻瓜一些。

2.png不能真正实现透明是因为浏览器不支持的原因，IE6以下都不支持png透明。ie7或firefox等现代浏览器都支持。 解决办法，你可以看下这篇文章：（简单的办法就是用gif)

3.你把光标放在你要输入文字的单元格里，然后在属性面板里设置垂直：顶端（默认的是居中）

4.按shift+回车

DW图片切换代码（特效,简单，容改)

将以下代码插入到你的网页你需要图片切换的地方

script type="text/javascript"

imgUrl1="img/1.jpg";（图片路径和图片名称，修改一下）

imgUrl2="img/2.jpg";

imgUrl3="img/3.jpg";

imgUrl4="img/4.jpg";

imgUrl5="img/5.jpg";

var focus_width='400'（图片宽度）

var focus_height='300'（图片高度）

var text_height='|||'

var swf_height = focus_height

var pics=imgUrl1+"|"+imgUrl2+"|"+imgUrl3+"|"+imgUrl4+"|"+imgUrl5

document.write('object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="" width="'+ focus_width +'" height="'+ swf_height +'"');

document.write('param name="allowScriptAccess" value="sameDomain"param name="movie" value=""param name="quality" value="high"param name="bgcolor" value="#F0F0F0"');

document.write('param name="menu" value="false"param name=wmode value="opaque"');

document.write('param name="FlashVars" value="pics='+pics+'borderwidth='+focus_width+'borderheight='+focus_height+'"');

document.write('embed src="pixviewer.swf" wmode="opaque" FlashVars="pics='+pics+'borderwidth='+focus_width+'borderheight='+focus_height+'" menu="false" bgcolor="#F0F0F0" quality="high" width="'+ focus_width +'" height="'+ focus_height +'" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="" /'); document.write('/object');

/script

在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" /

title123/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=(!IEdocument.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;ispns.length;i++) if (MM_getProp(spns[i],'P')) allLayers[allLayers.length]=spns[i];}

for (i=0;iall.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=(cL0)?null:curLeft-cL; curDrag.MM_bT=(cU0)?null:curTop-cU;

curDrag.MM_bR=(cR0)?null:curLeft+cR; curDrag.MM_bB=(cD0)?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 {

dw图片移动代码大全的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于dw移动图片位置、dw图片移动代码大全的信息别忘了在本站进行查找喔。