Div+Js实现的带阴影菜单微软以前网站曾用过

ttx9n · 发表于 2009-12-22 23:00:18

Div+Js实现的阴影菜单，微软以前老版网站首页曾用过，用以索引出Windows产品家族的所有产品，本菜单仅实现了一个雏形，想实现像微软一样的效果，估计还需要做不少工作。放出来的目的是供学习CSS的朋友做参考。

<title>Div+Js实现的带阴影菜单 微软以前网站曾用过</title> 
<script> 
var global = window.document 
global.fo_shadows = new Array 
function makeRectangularDropShadow(el, color, size) 
{ 
    var i; 
    for (i=size; i>0; i--) 
    {

var rect = document.createElement('div'); 
        var rs = rect.style 
        rs.position = 'absolute'; 
        rs.left = (el.style.posLeft + i) + 'px'; 
        rs.top = (el.style.posTop + i) + 'px'; 
        rs.width = el.offsetWidth + 'px'; 
        rs.height = el.offsetHeight + 'px'; 
        rs.zIndex = el.style.zIndex - i; 
        rs.backgroundColor = color; 
        var opacity = 1 - i / (i + 1); 
        rs.filter = 'alpha(opacity=' + (100 * opacity) + ')'; 
        el.insertAdjacentElement('afterEnd', rect); 
        global.fo_shadows[global.fo_shadows.length] = rect; 
    }

} 
</script> 
<style>body,td,div,a,input{font:menu;line-height:180%}</style> 
 
Jb51.net 
脚本之家 
网页特效 
<script> 
makeRectangularDropShadow(document.all["menu"], "#666666", 4); 
</script>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

qq303604905 · 发表于 2022-8-16 04:43:24

还有什么好东西没

5ble0ks · 发表于 2022-9-14 16:06:08

挺不错的东西

q215357618 · 发表于 2022-12-9 19:30:58

额UI废物iuhfujewfiewnnfen

8ayoqrpj · 发表于 2023-5-29 17:50:04

好东西一定要看看！

q215357618 · 发表于 2023-9-10 09:02:57

挺不错的东西

wxrf98xr · 发表于 2024-3-31 21:56:13

。。。。。。。。。。。。。。。

xf9hlg1 · 发表于 2024-7-8 11:15:03

天天源码社区。。。。

dm00ji1s · 发表于 2024-8-16 09:22:22

快更新啊，我擦

fiyeid · 发表于 2024-8-30 17:50:58

哈哈哈哈哈哈哈

账号		自动登录	找回密码
密码			立即注册

[JavaScript] Div+Js实现的带阴影菜单微软以前网站曾用过

相关帖子

[JavaScript] Div+Js实现的带阴影菜单 微软以前网站曾用过

相关帖子

[JavaScript] Div+Js实现的带阴影菜单微软以前网站曾用过