UC知道关于JavaScript的生成下拉菜单代码
来源：百度知道 编辑：UC知道 时间：2024/05/10 06:02:36
stuHover = function() {
var cssRule;
var newSelector;
for (var i = 0; i < document.styleSheets.length; i++)
for (var x = 0; x < document.styleSheets[i].rules.length ; x++)
{
cssRule = document.styleSheets[i].rules[x];
if (cssRule.selectorText.indexOf("LI:hover") != -1)
{
newSelector = cssRule.selectorText.replace(/LI:hover/gi, "LI.iehover");
document.styleSheets[i].addRule(newSelector , cssRule.style.cssText);
}
}
var getElm = document.getElementById("nav").getElementsByTagName("LI");
for (var i=0; i<getElm.length; i++)
{
getElm[i].onmouseover=function()
{
this.className+=" iehover";
}
getElm[i].onmouseout=function()
{
this.className=this.className.replace(new RegExp(" iehover\\b"), "");
}
}
}
if (window.attachE
var cssRule;
var newSelector;
for (var i = 0; i < document.styleSheets.length; i++)
for (var x = 0; x < document.styleSheets[i].rules.length ; x++)
{
cssRule = document.styleSheets[i].rules[x];
if (cssRule.selectorText.indexOf("LI:hover") != -1)
{
newSelector = cssRule.selectorText.replace(/LI:hover/gi, "LI.iehover");
document.styleSheets[i].addRule(newSelector , cssRule.style.cssText);
}
}
var getElm = document.getElementById("nav").getElementsByTagName("LI");
for (var i=0; i<getElm.length; i++)
{
getElm[i].onmouseover=function()
{
this.className+=" iehover";
}
getElm[i].onmouseout=function()
{
this.className=this.className.replace(new RegExp(" iehover\\b"), "");
}
}
}
if (window.attachE
既然是下拉式菜单嘛 肯定不会只有JS 语句嘛
起码要有一些HTML的标签哦
记住一点 JS 菜单是 动态的管理HTML和CSS的
HTML 静态显示
CSS 管理HTML的显示效果
javascript 在浏览器上动态的管理HTML和CSS以及一些操作
你也没有把全部代码写出来 估计也没什么好回答的 除非人家给你一个现成的代码
我给你说说下拉式菜单的实现原理吧
任何HTML的标签都有个style属性..这里可以设置CSS属性
就是控制这个标签的样式属性..里头有个属性叫display
当这个display的值是none的时候..这个标签在浏览器上就不会显示,但是浏览器会读取它的数据 只是不展示给用户而已
下拉式菜单,说白了就是你点一下菜单,弹出一个子菜单而已..有点编程的基础就知道该怎么做啦..
事先设置好你要显示的子菜单,并在它的HTML属性里加一个
style="display:none;"意思就是告诉浏览器这个标签的所有内容都不显示
然后javascript语句
获得那个标签之后呢.比如e就是JS代码中对这个标签的对象引用啦
设置e.style.display='';//空就表示是默认了,而默认是要显示的
那么这个标签就会显示了呀..这个JS 代码你可以作为一个事件处理程序中的一部分..放在onclick里
就形成了点一下按钮才弹出那个菜单了噻....
要是你点都不懂编程 肯定不明白我说的啥子
要做这个下拉菜单..起码要懂HTML javascript
和CSS的一些最基本基础
不是所有的js代码都要依赖css+div，不过这段js代码是属于要依赖 css和div的那种。单看的话，偶看不出什么。另外，语句的格式排好一点的话，可读性也会高一点