js实现下拉菜单列表和登录注册窗口效果

下拉菜单列表



* {
保证金：0px；
填料：0px；
}
菜单{。
宽度：1100px；
身高：30px；
背景图像：URL（IMG /魅力罗兰音乐炫18。JPG）；
左：200px保证金；
边距：50px；
}
- {。
宽度：183.3px；
身高：30px；
浮点数：左；
文本对齐：中心；
行高：30px；
字体大小：14px；
职位：相对；
溢出：隐藏；
过渡：0.5s；
}
悬停按钮：{。
光标：指针；
背景颜色：原木色；
颜色：白色；
马克斯身高：200px；
溢出：可见；
}
{ - UL。
列表样式：无；
背景颜色：# 008000；
}





Loran的主页
首柱

流行
岩石
布鲁斯
民谣


音乐家柱

内陆
欧洲和美国
日本和韩国
香港和台湾


琴柱

钢琴
小提琴
吉他
鼓包


戏曲栏目

北京歌剧院
现代戏剧
河南歌剧院
黄梅戏


魅力罗兰体验区

于扎
记录
MV









注册弹出窗口的注册








{ *
保证金：0px；
填料：0px；
}

{。登录
宽度：100px；
身高：30px；
字体大小：25px；
行高：30px；
border: 1px solid黑；
文本对齐：中心；
背景颜色：深青色；
颜色：白色；
}

{登录：悬停
光标：指针；
背景颜色：黄绿色；
}

{。面具
宽度：100%；
背景颜色：黑色；
不透明性：0.5；
位置：绝对；
上图：0px；
左：0px；
Z指数：90；
}

{日志div
宽度：500px；
身高：300px；
背景颜色：白色；
位置：固定；
Z指数：99；
}






登录
123123123123123123123
123123123123123123123
123123123123123123123
十二万三千一百和二十三兆一千二百三十亿一亿二千三百万零一百和二万三千一百二十三







VaR的面具= document.getelementsbyclassname（面具）{ 0 }；
VaR登录= document.getelementsbyclassname（日志div）{ 0 }；
VaR建立document.getelementsbyclassname（登录）{ 0 }；

无功clientwidth = document.body.clientwidth；
自己的document.documentelement.clientheight var =；

login.style.left = clientwidth / 2-250 +PX；
login.style.top =自己 / 2-150 +PX；

mask.style.height = document.body.clientheight +PX；

window.onresize =函数（）{
无功clientwidth = document.body.clientwidth；
自己的document.documentelement.clientheight var =；

login.style.left = clientwidth / 2-250 +PX；
login.style.top =自己 / 2-150 +PX；
}

btn.onclick =函数（）{
mask.removeattribute（隐藏）；
login.removeattribute（隐藏）；
}

mask.onclick =函数（）{
mask.setattribute（隐藏
login.setattribute（隐藏
}





上面的js下拉菜单的列表和登录注册弹出效果的实现是分享的全部内容，小编的，希望能给大家一个参考，我希望你能支持它。