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

大仙不仙

大仙不仙

2016-02-19 20:42

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

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

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

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

一.建立一个新层

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

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

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

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

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

展开更多 50%)
分享

猜你喜欢

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

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

拖动层

Web开发
拖动层

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

经典的带阴影的可拖动的浮动层

Web开发
经典的带阴影的可拖动的浮动层

利用JQuery+EasyDrag 实现弹出可拖动的Div同时向Div传值

Web开发
利用JQuery+EasyDrag 实现弹出可拖动的Div同时向Div传值

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Jquery一行代码轻松实现拖动效果

Web开发
Jquery一行代码轻松实现拖动效果

JS+CSS打造可拖动的聊天窗口层

Web开发
JS+CSS打造可拖动的聊天窗口层

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

在.NET Framework中轻松处理XML数据(3-2)

在.NET Framework中轻松处理XML数据(3-2)

MySQL5新特点(跨存储类式数据库表)

MySQL5新特点(跨存储类式数据库表)
下拉加载更多内容 ↓