asp网站的效果，高手速来,该怎么处理

2012-04-21

asp网站的效果，高手速来我要改一个asp的网站，在一个页面中有个显示框和6个图片。我想实现当鼠标指向图片1时

asp网站的效果，高手速来
我要改一个asp的网站，在一个页面中有个显示框和6个图片。我想实现当鼠标指向图片1时，显示框显示图片1，当鼠标指向图片2时，显示框显示图片2。以此类推。。。图片都是放在数据库里面的，请问高手怎么实现啊。。。相关代码如下：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">



<HTML
xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>婚礼策划-重庆世典文化传播有限公司</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312"><LINK
href="images/style.css" type=text/css rel=stylesheet>
<META content="婚礼策划，重庆租车，重庆租车公司,重庆婚庆,重庆婚庆公司,重庆婚礼，重庆婚礼公司，重庆世典文化传播有限公司" name=keywords>
<META content="婚礼策划—重庆世典文化传播有限公司公司专业提供重庆婚庆礼仪，重庆租车服务，重庆婚礼策划等各类武汉婚庆服务，Tel：023-49807116、QQ：249560853。选择世典，选择完美，重庆婚礼，尽在世典！" name=description>
<META content=l4HQADZc5en9twOT/ZtzIuAQKn4c0unyBPzrHqRvKV0= name=verify-v1>
<META content="MSHTML 6.00.2900.5803" name=GENERATOR>
<script type="text/JavaScript">

</script>

<style type="text/css">

</style></HEAD>
<BODY onselectstart="return false;" oncontextmenu="return false;" >
<DIV class=top></DIV>

<TABLE cellSpacing=0 cellPadding=0 width="100%" bgColor=#f1f1ea border=0>
<TBODY> <TR><td align="center">
<TABLE cellSpacing=0 cellPadding=0 width="1002" border=0>
<TBODY> <TR>

<TD width="360" align=middle valign="top"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="360" height="460">
<param name="movie" value="flash/left.swf">
<param name="quality" value="high">
<param name="wmode" value="transparent" />
<embed src="flash/left.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="360" height="460"></embed>
</object></TD><TD align=left valign="top" style="padding-left:10px;background:url(images/bg.jpg);">
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD>
<DIV
style="MARGIN-TOP: 20px; MARGIN-BOTTOM: 10px; BORDER-BOTTOM: #161616 1px solid"><IMG
src="images/hlch.jpg" width="300" height="45" title="婚礼策划"> </DIV></TD></TR>
<TR>
<TD align="left" valign="top" class="h22 content" style="padding-left:5px;">
<%
sql ="SELECT News.news_id, News.news_class_id, News_Class.news_type, News.news_title, News.news_ahome, News.news_date, News.news_author, News.news_content, News.news_keyword, News.news_count FROM News INNER JOIN News_Class ON News.news_class_id = News_Class.news_id where News.news_class_id =28 order by news.news_id desc"

set rs = server.CreateObject("adodb.recordset")
rs.open sql,conn,3
%><%if rs.eof then
response.Write("没有上传信息")
else%>
<%

rs.pagesize=6
if request("page")<>"" then
epage=cint(request("page"))
if epage<1 then epage=1
if epage>rs.pagecount then epage=rs.pagecount
else
epage=1
end if
rs.absolutepage=epage

%>

<TABLE cellSpacing=0 cellPadding=4 width=100% align=center
border=0>
<TBODY>
<%for j = 1 to rs.pagesize
if rs.eof or rs.bof then exit for
%>
<tr>
<%for i = 1 to 3
if rs.eof or rs.bof then exit for
%>
<TD width="33%" align="center" valign="middle">

<TABLE cellSpacing=2 cellPadding=0 width="100%"
border=0>
<TBODY>
<TR>
<TD class=xiaotu align=middle><A
href="fwdhxq.asp?news_id=<%=rs("news_id")%>" target="_blank"><IMG
height=100 alt="<%=rs("news_title")%>"
src="admin/<%=rs("news_ahome")%>" width=160
border=0 id="b1"> </A></TD>
</TR>
<TR>
<TD align=middle height=24 style="padding-left:15px; padding-right:15px;"><IMG height=12
src="images/dot.gif" width=12
align=absMiddle border=0 ><A
title="<%=rs("news_title")%>"
href="fwdhxq.asp?news_id=<%=rs("news_id")%>" target="_blank">
<%if len(rs("news_title"))<=18 then %>
<%=left(rs("news_title"),18)%>
<%else%>
<%=left(rs("news_title"),16)%>...
<%end if%></A></TD>
</TR>
</TBODY>
</TABLE> </TD>
<%rs.movenext
j=j+1
next
%>
</tr>
<%next%></TBODY></TABLE>
<br>

<table width="100%" height="28" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="28" align="center" valign="middle" style="font-size:12px;"><p> 共<%=rs.pagecount%>页   当前：第<%=epage%>页   
<%if epage<=1 then %>
首页

<%else%>
<a href="?page=1&news_class_id=<%=news_class_id%>" class="fenye"><font style="font-weight:normal;">首页</font></a>
<%end if%>
 
<%if epage<=1 then %>
上一页
<%else%>
<a href="?page=<%=epage-1%>&news_class_id=<%=news_class_id%>" class="fenye"><font style="font-weight:normal;">上一页</font></a>
<%end if%>
 
<%if epage<rs.pagecount then%>
<a href="?page=<%=epage+1%>&news_class_id=<%=news_class_id%>" class="fenye"><font style="font-weight:normal;">下一页</font></a>
<%else %>
下一页
<%end if%>
 
<%if epage<rs.pagecount then %>
<a href="?page=<%=rs.pagecount%>&news_class_id=<%=news_class_id%>" class="fenye"><font style="font-weight:normal;">尾页</font></a>
<%else%>
尾页
<%end if%>
</p><br>

<%rs.close%>
</td>
</tr>

</table>
<%end if%>
</TD>

</TBODY></TABLE>
</TD>
</TR>
</TBODY></TABLE></td></TR></TBODY></TABLE>

<div id="Layer1"><A href="fwdhxq.asp?news_id=<%=rs("news_id")%>" target="_blank"><img name="" src="admin/<%=rs("news_ahome")%>" width="420" height="282" alt="<%=rs("news_title")%>" onMouseOver="alert('鼠标在图片上')"></A></div>
<DIV class=foot>

</DIV></BODY></HTML>

[解决办法]
http://sysmicro.cn/javascript/?site=java&fid=1
这里有很多特效，你看一下
[解决办法]
<HTML>
<body>
示例展示一：
<a href="www.sina.com" id="i" onmouseover="show(this,'m')" onmouseout="hide('m')">鼠标放在上面显示图片查看有边框的层</a>
<div id="m" style="BORDER-RIGHT:black 1px solid;PADDING-RIGHT:20px;BORDER-TOP:black 1px solid;PADDING-LEFT:20px;Z-INDEX:100;VISIBILITY:hidden;PADDING-BOTTOM:20px;BORDER-LEFT:black 1px solid;WIDTH:80px;PADDING-TOP:20px;BORDER-BOTTOM:black 1px solid;POSITION:absolute" onmouseover="show(i,'m')" onmouseout="hide('m')">

<nobr>注：这个层是加了边框的</nobr><br>
<img src="http://images.163.com/homepage/logo.gif"></img><br>
<a href="http://blog.csdn.net/fenglibing"><nobr>我的CSDN博客</nobr></a><br>
<a href="http://www.163.com">网易</a>
</div>

示例展示二：
<a href="www.sina.com" id="i1" onmouseover="show(this,'m1')" onmouseout="hide('m1')">鼠标放在上面显示图片查看没有边框的层</a>
<div id="m1" style="VISIBILITY:hidden;POSITION:absolute;background-image:url(http://p.blog.csdn.net/images/p_blog_csdn_net/xport/155656/o_Java.gif);" onmouseover="show(i1,'m1')" onmouseout="hide('m1')">
注：这个层没有边框但加了背景，写法就简单一点<br>
<img src="http://images.163.com/homepage/logo.gif"></img><br>
<a href="http://blog.csdn.net/fenglibing"><nobr>我的CSDN博客</nobr></a><br>
<a href="http://www.163.com"><nobr>网易</nobr></a>
</div>

<script>
//显示
function show(o,obj){
var m=document.getElementById(obj);
m.style.pixelLeft=getL(o);
m.style.pixelTop=getT(o)+o.offsetHeight;
m.style.visibility='';
}
//隐藏
function hide(obj){
document.getElementById(obj).style.visibility='hidden';
}
//取得左边的位移
function getL(e){
var l=e.offsetLeft;
while(e=e.offsetParent){
l+=e.offsetLeft;
}
return l;
}
//取得顶部的位移
function getT(e){
var t=e.offsetTop;
while(e=e.offsetParent){
t+=e.offsetTop;
}
return t;
}
</script>
</body>
</HTML>

根据代码自己改一个

热点排行

ASP

asp网站的效果，高手速来,该怎么处理