dreamweaver怎么插入一个浮动窗口_IT百科

可以下载jquery相关插件在dreamweaver为网页添加浮动窗口；

在dreamweaver cc版本中，可以直接利用“插入”菜单中的“jquery ui--dialog”很方便地创建一个浮动对话框。

效果图：

1、首先打开dw之后，新建一个html简单项目，输入项目名称后，就能新建一个html文件了。

2、这时候在dw中就可以看到简单的基本代码，此时就能添加按钮并设置跳转页面。

3、为了测试点击按钮跳转的测试，在这里利用button标签新建一个按钮。

4、然后在这里可以添加一个a标签，然后编写一个测试的Http地址。

5、但是只要测试，对于href属性，只要写上一个井号就能测试按钮的跳转。

6、最后在这里按下预览这个命令按钮，就能成功开始测试在dw中，按钮跳转页面的命令。

要写JS代码~~~

如：

var x=50,y=60

var xin=true ,yin=true

var step=1

var delay=10

function floatAD()

{

var l=t=0

var r=document.body.offsetWidth-document.getElementById("fly").offsetWidth

var b=document.body.offsetHeight-document.getElementById("fly").offsetHeight+document.body.scrollTop

document.getElementById("fly").style.left=x

document.getElementById("fly").style.top=y

x=x+step*(xin?1:-1)

if(x<l){xin=truex=l}

if(x>r){xin=falsex=r}

y=y+step*(yin?1:-1)

if(y<t){yin=truey=t}

if(y>b){yin=falsey=b}

setTimeout("floatAD()",delay)

}

</SCRIPT>

乃只需要在<body></body>中插入一张由<div id="fly"><img src="图片"></div>

就能实现图片的漂浮

欢迎分享，转载请注明来源：内存溢出

dreamweaver怎么插入一个浮动窗口