web前端|js教程
三级,下拉菜单
web前端-js教程
三级下拉菜单的实现:
好商城5.3源码下载,vscode调用conda,ubuntu压缩软件,tomcat弱算法,sqlite安卓性能,预约挂号 插件,微前端框架模板设计,知乎爬虫,php返回 json,magento seo,h5企业网站模板下载,手机没有flash网页抽奖,手机网页模板分享代码,ecshop添加专题页面,阿狸子订单管理系统,论坛小偷程序lzw
function list(idstr){
var name1="subtree"+idstr;
var name2="img"+idstr;
var objectobj=document.all(name1);
var imgobj=document.all(name2);
//alert(imgobj);
if(objectobj.style.display=="none"){
for(i=1;i<22;i++){
var name3="img"+i;
var name="subtree"+i;
var o=document.all(name);
if(o!=undefined){
o.style.display="none";
var image=document.all(name3);
//alert(image);
image.src="admin/images/ico04.jpg";
if(idstr>12&&idstr<20){
document.getElementById("subtree11").style.display="";
document.getElementById("img11").src="admin/images/ico03.jpg";
}
}
}
objectobj.style.display="";
imgobj.src="admin/images/ico03.jpg";
}
else{
objectobj.style.display="none";
imgobj.src="admin/images/ico04.jpg";
}
}
代码讲解:如
上,idstr是一个数字字符,用于区别不同的子菜单和图片。通过document.all(name1)拿到所有的id为name1(一变量)的子菜单,这里
其实只有一个,判断如果当前是隐藏状态,则进入循环,又如果元素有定义(为了方便,通过i取到的有些子菜单可能是未定义的)就把所有子菜单隐藏掉(除了1级菜单,包括2、3级菜单)、换掉当前同级菜单图标,最后把当前选中菜单显示出来、换掉当前选中的图标。有种特殊情况:当idstr>12&&idstr12&&idstr<20)后面的代码块。最后的else就很好理解了,如果当前被选中菜单展开就隐藏掉,并换掉图标。
永利彩票源码,vscode可以干啥,ubuntu 历史密码,tomcat 增加 内存,sqlite 使用源码,cn域名服务器德国,jquery 日历事件插件,ext是前端框架吗,python爬虫异步,网络php培训班,seo关键词排名优化案例,女人勾引网站源码,js网页过渡效果,常见问题页面模板,一个页面两个轮播,微赞 经销商管理系统,动易网络程序lzw
function tupian(idt){
var nametu="xiaotu"+idt;
var tp = document.getElementById(nametu);
tp.src="admin/images/ico05.jpg";//图片ico05为白色的正方形
for(var i=1;i<32;i++)
{
var nametu2="xiaotu"+i;
if(i!=idt*1)
{
var tp2=document.getElementById(xiaotu+i);
if(tp2!=undefined)
{tp2.src="admin/images/ico06.jpg";}//图片ico06为蓝色的正方形
}
}
}
代码说明:只是换掉图标而已,表示激活或失活。
公众号推广网站源码,安装ubuntu黑屏乱码,爬虫如何读取网址,用php更改php文件大小,北京seo待遇lzw