最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
网页滚动的QQ在线咨询功能 Dreamweaver实现
时间:2022-07-02 13:22:28 编辑:袖梨 来源:一聚教程网
设计背景:在制作网页时,制作者经常将网页菜单置于网页顶端,这样当浏览者浏览较长内容的网页时,如果想选择其他菜单,就不得不回到网页顶端才能选择其他菜单。前天上QQ的时候突然跳出了群的聊天窗口,里面有个人问在一个网页的右端有一个QQ的面板,上面有好多QQ号码而且可以实现点击哪个可以在线聊天!并且该QQ面板可以和页面一起滚动,我看了看觉得这家网站的创意很是不错,于是就决定研究下怎么制作的?但是他的代码太多了!我都懒的看了,于是想到了Dreamweaver,在这里给大家介绍一下制作方法。
效果说明:浏览页面时,右上角的QQ面板跟随着滚动条的滚动而滚动。 创造这样的效果很是麻烦,于是想起了插件在网上一找,呵呵,还真有!这里的插件是 Perisistent Layers 。点击这里可以下载该插件下载之后解压缩找到Perisistent Layers。 操作步骤 1、安装扩展插件。下载之后解压缩,找到 Perisistent Layers 直接双击就可以了!或者先启动Dreamweaver之后使用“命令”菜单选择“扩展管理”来安装也是可以的。如果不会安装的话可以看以前的文章。 2、绘制描绘层。新建立一个HTML文件,选择“布局”插入栏中的“描绘层”按钮,在页面右边插入一个图层,如下图所示。 600) {this.resized=true; this.;}" align=baseline border=0> 3、插入图片。将光标置于图层内,在图层中插入图片,如下图所示。 600) {this.resized=true; this.;}" align=baseline border=0>
相关文章
- 人们熟悉的寄居蟹属于以下哪种分类 神奇海洋11月21日答案 11-21
- 第五人格11.22共研服有什么更新 11月22日共研服更新内容介绍 11-21
- 原神恰斯卡怎么培养 11-21
- 无期迷途四星装束是谁 11-21
- 王者荣耀帝丹高中校服怎么获得 11-21
- 光遇姆明季后续版本怎么玩 11-21