1. 论坛系统升级为Xenforo,欢迎大家测试!
    Dismiss Notice

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

Discussion in '前端开发' started by 流氓兔, Mar 7, 2006.

  1. 流氓兔

    流氓兔 New Member

    Joined:
    Sep 27, 2005
    Messages:
    905
    Likes Received:
    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属性.

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

    Attached Files:

  2. Ulysses

    Ulysses New Member

    Joined:
    Feb 5, 2006
    Messages:
    10,018
    Likes Received:
    16
    效果不错。

    不过仅在 IE 下有效。