1. 论坛系统升级为Xenforo,欢迎大家测试!
    排除公告

[推荐]DIV+CSS+JS动态拖动和显示叠加的若干层

本帖由 流氓兔2006-03-07 发布。版面名称:前端开发

  1. 流氓兔

    流氓兔 New Member

    注册:
    2005-09-27
    帖子:
    905
    赞:
    3
    出处:http://w3future.com/2003/glass/glass.html

    [​IMG]


    思路:

    (1)css 采用用微软的滤镜(注意:除IE外,其他浏览器不支持滤镜!)和position定位(没有滥用z-index , 仅用了一处.current .title { z-index: 1;}),按文档流(即代码的先后顺序)显示,就在视觉上,体现了上下层关系。

    (2)用appendChild()方法,把本模块,移动到自定义元素--windows的文档流的最后,在显示上就再最上层了。

    (3)同时应用2个class的JS写法: current.className = 'current window';(同时应用2个class,1个是current,一个是window)

    (4)css定义cursor: move,使光标为移动样式 。

    (5)其他都是 JS 处理, 包括调用的样式表的class, JS动态设置style属性.

    用途:可以做网站生成系统的后台的可视化管理.
     

    附件文件:

    • cods.gif
      cods.gif
      文件大小:
      75.6 KB
      浏览:
      81
  2. Ulysses

    Ulysses New Member

    注册:
    2006-02-05
    帖子:
    10,018
    赞:
    16
    效果不错。

    不过仅在 IE 下有效。