软件开发培训班 >> 编程开发 >> JavaScript

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

　　本文标签：带阴影,菜单

<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> 
<div id=menu style="position:absolute; left: 10px; top: 10px; background: #EEEEEE; width: 120px; height: 100px; padding: 3px; border: 1 #999999 solid; cursor: default"> 
<div style="border: 1 solid #EEE" 
onmouseover="this.style.background=#CCC; this.style.borderColor=#999" 
onmouseout ="this.style.background=#EEE; this.style.borderColor=#EEE" 
>Jb51.net</div> 
<div style="border: 1 solid #EEE" 
onmouseover="this.style.background=#CCC; this.style.borderColor=#999" 
onmouseout ="this.style.background=#EEE; this.style.borderColor=#EEE" 
>脚本之家</div> 
<div style="border: 1 solid #EEE" 
onmouseover="this.style.background=#CCC; this.style.borderColor=#999" 
onmouseout ="this.style.background=#EEE; this.style.borderColor=#EEE" 
>网页特效</div> 
<script> 
makeRectangularDropShadow(document.all["menu"], "#666666", 4); 
</script>

技术文章快速查找

NetBeans开发J2ME时环境变量配置

javascript小数四舍五入多种方法实现

JS关闭窗口或JS关闭页面的几种代码分享

将rmb数字位钱数转化为中文钱数的js函数

JavaScript 核心参考教程 RegExp对象

javascript里模拟sleep(两种实现方式)

文本框的字数限制功能jquery插件

基于jQuery的倒计时实现代码

相关下载

在线教程导航

软件应用
·Windows8	·Windows7	·Word
·Excel	·PPT	·WPS
Web开发
·ASP	·JavaScript	·DIV+CSS
·JSP	·VbScript	·XML
·PHP
开发语言
·VB	·VC	·ASP.NET
·Java	·C++	·Delphi
数据库开发
·MySQL	·MsSQL	·Access
·Oracle	·DB2
手机系统
·Android	·iOS	·WindowsPhone
网站设计
·Flash	·Dreamweaver	·Fireworks
平面设计
·Photoshop	·CorelDraw	·AutoCAD
·3DsMAX	·Illustrator
网络技术
·网站运营	·网络安全	·网络搭建

软件开发培训班 >> 编程开发 >> JavaScript

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

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