Question

asp网站导航栏换背景图的问题，高手进

head.asp里面的导航代码
<div style="width:108px; background-image:url(images/9b0505.jpg); float:left; a href="index.asp" >首 页</a></div>
<div style="width:108px; float:left; a href="gsjs.asp?id=1" >简介</a></div>
<div style="width:108px; float:left; a href="ly.asp" >留言</a></div>
<div style="width:108px; float:left; a href="gsjs.asp?id=2" >联系</a></div>
现在打开是首页是带背景图的，我要点其他栏目的时候，对应的栏目出现背景图，而首页的背景图去丢，而且整个网站是公用一个head.asp文件，就这么个效果，呵呵

Answer 1

<%
ScriptAddress=split(Request.ServerVariables("SCRIPT_NAME"),"/")
filesname=ScriptAddress(ubound(ScriptAddress))
if filesname="" or filesname="index.asp" then
%>
<div style="width:108px; background-image:url(images/9b0505.jpg); float:left; a href="index.asp" >首 页</a></div>
<div style="width:108px; float:left; a href="gsjs.asp?id=1" >简介</a></div>
<div style="width:108px; float:left; a href="ly.asp" >留言</a></div>
<div style="width:108px; float:left; a href="gsjs.asp?id=2" >联系</a></div>
<div style="width:108px; float:left; a href="index.asp" >首 页</a></div>
<%end if%>
<%if filesname="gsjs.asp?id=1" then%>
<div style="width:108px; float:left; a href="index.asp" >首 页</a></div>
<div style="width:108px; background-image:url(images/9b0505.jpg); float:left; a href="gsjs.asp?id=1" >简介</a></div>
<div style="width:108px; float:left; a href="ly.asp" >留言</a></div>
<div style="width:108px; float:left; a href="gsjs.asp?id=2" >联系</a></div>
<div style="width:108px; float:left; a href="index.asp" >首 页</a></div>
<%end if%>
其他的都一样的写法自己写完把。

追问

好像不行，导航文字都不显示了，也没提示错误

追答

首 页
简介
留言
联系
首 页

首 页
简介
留言
联系
首 页
.................................后面的自己写完注意大小写必须是一样的还有问题加我Q109194627

Answer 2

错位那是因为你的CSS技术不够熟练，CSS问题还要涉及到跨浏览器的问题。所以要熟读W3C的CSS标准，还要有丰富的CSS经验才能做出完美的界面。

你说的图片大小随网页变化估计比较难实现，是一种AJAX效果么？如果是的话，你要去学一下JAVASCRIPT关于BOM和DOM的知识，对页面元素进行动态加载。最后一个问题那个自适应的问题是比较简单的，由JAVASCRIPT判断屏幕分辨率，根据大小来加载不同的CSS文件，当然前提是你的CSS文件写的没有问题。

Answer 3

给每个导航加个 同样的 class
进入页面的时候把其他的class去掉 留着本页面导航的class
<div class="menu" style="width:108px; float:left; a href="ly.asp" >留言</a></div>

追问

你听明白我的意思了没？class="menu" 这样肯定行不通的，你的menu 怎么写？能实现？

是对应的栏目出现背景图，其他栏目不能有背景图

Answer 4

用JS
点击的时候把之前的栏目背景去掉，被点击的栏目背景加上

追问

给个具体的代码。哥们

追答

.bgimg{background-image:url(images/9b0505.jpg); }

首 页
简介
留言
联系

var currn=document.getElementById("def");
function ClickColumn(Obj){
var divObj=Obj.parentElement;

divObj.className="bgimg";
if(currn){
currn.className="";
}
currn=divObj;
}

追问

被访问的页面还是没有变换背景图，好像还是没对位，因为我希望的是被访问的页面的对应的导航栏背景图换了 而首页文字下的背景图消失的意思。

麻烦你再测试下，谢谢，辛苦了