js css 导航特效制作 求源代码
效果如图图片地址：http://hiphotos.baidu.com/zhidao/pic/item/ac4bd113586e4e225aaf53da.jpg...
效果如图
图片地址：https://gss0.baidu.com/7LsWdDW5_xN3otqbppnN2DJv/zhidao/pic/item/ac4bd113586e4e225aaf53da.jpg 展开
图片地址：https://gss0.baidu.com/7LsWdDW5_xN3otqbppnN2DJv/zhidao/pic/item/ac4bd113586e4e225aaf53da.jpg 展开
2个回答
展开全部
你是要左边那个二级菜单效果么.我写了个实现效果没加样式的,样式很简单的;你先看看是不是这
<body>
<div id="inerId">
<div><a href="#" class="red">行政管理</a>
<ul style="display:none">
<li><a href="#" >科技信息</a></li>
<li><a href="#" >改性塑料</a></li>
<li><a href="#">塑料研究院</a></li>
<li><a href="#" >专家信息</a>渗悉</li>
</ul>
</div>
<div><a href="#" class="red">公共信息皮郑</a>
<ul style="display:none">
<li><a href="#">会展信息</a></li>
<li><a href="#">余姚会展中心</a></li>燃喊颂
<li><a href="#">塑博会</a></li>
</ul>
</div>
<div><a href="#">交流中心</a>
<ul style="display:none">
<li><a href="#" >项目背景</a></li>
<li><a href="#" >中江认知与定位分析</a></li>
<li><a href="#">现状分析</a></li>
<li><a href="#" >景观规划</a></li>
<li><a href="#">分期实施</a></li>
</ul>
</div>
<div><a href="#">个人助理</a>
<ul style="display:none">
<li><a href="#" >中塑在线</a></li>
<li><a href="#" >网上交易市场</a></li>
</ul>
</div>
<div><a href="#">个人信箱</a></div>
</div>
<script type="text/javascript">
var allDiv = document.getElementById("inerId").getElementsByTagName("div");
for(var i=0; i<allDiv.length; i++){
allDiv[i].firstChild.onclick = function(){
var obj = this.nextSibling.nextSibling;
if(!obj || !obj.style.display || !obj.nodeName == "UL"){
return
}else{
obj.style.display = obj.style.display == "none" ? "block" : "none";
}
}
}
</script>
</body>
<body>
<div id="inerId">
<div><a href="#" class="red">行政管理</a>
<ul style="display:none">
<li><a href="#" >科技信息</a></li>
<li><a href="#" >改性塑料</a></li>
<li><a href="#">塑料研究院</a></li>
<li><a href="#" >专家信息</a>渗悉</li>
</ul>
</div>
<div><a href="#" class="red">公共信息皮郑</a>
<ul style="display:none">
<li><a href="#">会展信息</a></li>
<li><a href="#">余姚会展中心</a></li>燃喊颂
<li><a href="#">塑博会</a></li>
</ul>
</div>
<div><a href="#">交流中心</a>
<ul style="display:none">
<li><a href="#" >项目背景</a></li>
<li><a href="#" >中江认知与定位分析</a></li>
<li><a href="#">现状分析</a></li>
<li><a href="#" >景观规划</a></li>
<li><a href="#">分期实施</a></li>
</ul>
</div>
<div><a href="#">个人助理</a>
<ul style="display:none">
<li><a href="#" >中塑在线</a></li>
<li><a href="#" >网上交易市场</a></li>
</ul>
</div>
<div><a href="#">个人信箱</a></div>
</div>
<script type="text/javascript">
var allDiv = document.getElementById("inerId").getElementsByTagName("div");
for(var i=0; i<allDiv.length; i++){
allDiv[i].firstChild.onclick = function(){
var obj = this.nextSibling.nextSibling;
if(!obj || !obj.style.display || !obj.nodeName == "UL"){
return
}else{
obj.style.display = obj.style.display == "none" ? "block" : "none";
}
}
}
</script>
</body>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
博思aippt
2024-07-20 广告
博思AIPPT是基于ai制作PPT的智能在线工具，它提供了4种AI制作PPT的方式，包括AI生成大纲、AI直接生成PPT、文本生成PPT、AI提炼文档生成PPT，一站式集成多种AI生成PPT的方式，可满足办公用户的不同需求和使用场景。ai生...
点击进入详情页
本回答由博思aippt提供
展开全部
发源誉饥张原图到我邮箱里(xiaozhenyu2005@163.com)吧,我来帮你用frameset做,全屏的.前段时间才做一张,跟这效果雹返差不多
我的意思是:原图,没有虚卜打水印的,原图的大小和分辩率/这做出来才保证你的质量
我的意思是:原图,没有虚卜打水印的,原图的大小和分辩率/这做出来才保证你的质量
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
