利用DW的DragLayer轻松实现可拖动层

2016-02-19 20:42 81 1 收藏

想要天天向上，就要懂得享受学习。图老师为大家推荐利用DW的DragLayer轻松实现可拖动层，精彩的内容需要你们用心的阅读。还在等什么快点来看看吧！

【 tulaoshi.com - Web开发】

浏览网页时,经常会看到一些类似图片或文字内容的东西,可以通过鼠标点击拖拉，任意地改变其在屏幕上的位置。其实，这种效果一般是通过“可拖动层”来完成的。

Dreamweaver有一个插件可以很快捷地做出此种效果,但是如果你手头上没有这个插件怎么办呢？没关系,我们利用DW的行为DragLayer(拖动层)也可以方便地做出此效果,它不比利用插件做出的逊色!

一.建立一个新层

1.打开DW,新建一网页。

2.使用InsertLayer(插入层)命令或者使用Object(对象)工具条中的DrawLayer(绘制层)工具插入一个层,并设定好大小及位置。打开Properties(属性)面板,在Bgcolor(背景)框中设置层的背景色为自己喜欢的颜色。设置高度、宽度。在layerID(层编号)框中设置这个层的名称为drag(或其它名字),如下图:

3.将鼠标定位在这个层中，利用InsertTable(插入表格)或由Object(对象)工具条中InsertTable(插入表格)工具在此层中插入一个3行1列的表格,设置表格的宽度和层的宽度一样。最上边的单元格高度为15px(或其它值)．

4.简单修饰表格.修饰后效果如下图:

来源:http://www.tulaoshi.com/n/20160219/1624313.html

上一篇：在.NET Framework中轻松处理XML数据(3-2)
下一篇： MySQL5新特点(跨存储类式数据库表)

看过《利用DW的DragLayer轻松实现可拖动层》的人还看了以下文章更多>>

利用DW的DragLayer轻松实现可拖动层 02-19
拖动层 02-19
经典的带阴影的可拖动的浮动层 02-19
JS+CSS打造可拖动的聊天窗口层 02-19
利用JQuery+EasyDrag 实现弹出可拖动的Div同时向Div传值 02-19
Jquery一行代码轻松实现拖动效果 02-19
javascript实现鼠标选取拖动或Ctrl选取拖动 02-19
拖动层效果兼容IE和FF! 02-19
巧制可全屏拖动的图片 02-19
树型控件拖动的完美实现 01-29

js实现的层变换效果

标签： Web开发

无标题文档 #div1{ height:200px;width:200px; filter:progid:DXImageTransform.Microsoft.RevealTrans(duration=1,transition=12); background:#CCCCCC; } [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

可拖动的无标题栏窗体

注意：要设置form的controlbox属性为false，特别注意： form.text要设置为空,否则不会把标题栏去掉 Dim MousX As Integer Dim MousY As Integer Dim CurrX As Integer Dim CurrY As Integer Public Sub myMouseDown(ByVal send...

VC树型控件拖动的完美实现

标签：编程语言网络编程

树型控件用来显示具有一定层次结构的数据项时方便、直观，被广泛地应用在各种软件中，如资源管理器中的磁盘目录就用的是树型控件，我们在编程中也会经常用到，但 MFC 中提供的 CTreeCtrl 类并不直接支持拖动节点等高级特性，这使我们程序员编程时有很大限制，又给软件用户带来了一些不便。下面就让我们自己动手来解决这个问题，实现...

在网页中显示可拖动月历

标签： Web开发

使用本文提供的JavaScript脚本，配合的层和行为的运用，可以在页面中显示可拖动的精美月历。具体制作步骤如下： 1、启动Dreamweaver MX，新建一个HTML文档，切换到代码视图，编写JavaScript脚本。 (1)在HTML文档的 head... /head插入下面的JavaScript脚本： SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript" //定义月历函数 ...

JQuery 遮罩层实现(mask)实现代码

标签： Web开发

其中有mask()和unmask()这两个方法,这两个方法在指定的元素上添加一个遮罩层和一个提示消息实现，增加客户体验。由于最近做项目的时候，发现有时为了使用这一两个方法需要引入一个比较“庞大”的Extjs进来，觉得有点不划算，于是自己用jquery实现了一个比较简单mask、unmask方法来实现该效果。大家知道jquery是一个优秀的javascript框架，不但...

查看更多精彩>>