dreamweaver创建可以关闭和拖动的通知窗口

 时间:2024-10-12 12:32:38

1、打开dw以后,在布局选项下,找到ap div,添加一个层

dreamweaver创建可以关闭和拖动的通知窗口

2、​在该层中,添加一个一列三行的表格,表格属性如图所示​

dreamweaver创建可以关闭和拖动的通知窗口

3、​这就是我们插入的表格,填充通知内容​,剩下最后一行填,哪里添加关闭按钮。

dreamweaver创建可以关闭和拖动的通知窗口

4、​将光标移动到第三行的表格,然后点击表单下的按钮选项​

dreamweaver创建可以关闭和拖动的通知窗口

5、​打开按钮​添加对话框,在这里,一定要输入的就是id,这就相当于按钮的名字,一会要用到的

dreamweaver创建可以关闭和拖动的通知窗口

6、​切换到代码视图,将input标签下的value后面的值修改为‘关闭’,这样就改变了按钮上面的字样

dreamweaver创建可以关闭和拖动的通知窗口

7、​选中按钮以后,打行为面板,给按钮添加一个行为,在菜单中选择显示隐藏元素

dreamweaver创建可以关闭和拖动的通知窗口

8、​打开显示隐藏对话框,找到通知所在层的id,也就是apdiv1,点击下面的隐藏,然后点击姑百钠恁确定按钮。​

dreamweaver创建可以关闭和拖动的通知窗口

9、​这样基本的通知界面就做好了,怎么实现可以拖拽的效果呢?继续讲光标放到这个层以外的任何的位置,主要是选中body部分​

dreamweaver创建可以关闭和拖动的通知窗口

10、​切换到行为面板,添加拖动ap元素行为​

dreamweaver创建可以关闭和拖动的通知窗口

11、​弹出对话框,不要修改任何东西,知己点击确定按钮。​

dreamweaver创建可以关闭和拖动的通知窗口

12、​最后就完成了制作,点击关闭按钮可以关闭通知,鼠标拖动这个窗口还能移动该窗口。​

dreamweaver创建可以关闭和拖动的通知窗口
  • Dreamweaver中如何插入Div
  • Dreamweaver学习:[13]网页设置链接样式
  • Dreamweaver CS4实现文字链接的动态效果
  • Dw如何开启使用速记中的边框与边框宽#校园分享#
  • dreamweaver cs6设置滚动字幕的操作
  • 热门搜索
    旅游卫视国学堂 郊区旅游 西安旅游景点图片 平山旅游景点 安徽旅游资讯网 白山旅游景点大全 日照旅游政务网 去厦门旅游要带什么 广西西部旅游联盟 天津旅游景点介绍