注册 登录
编程论坛 → ASP技术论坛

[求助]JS相关的问题

han1202 发布于 2007-09-13 17:28， 445 次点击
只有本站会员才能查看附件，请 登录

大家看一下上面的这个图（网站：http://www.cooltrip.com.cn/）
这样的类型特别多，鼠标点击变窗口，这个效果怎么做呀，那位相关的代码呀？
请指教！
3 回复
#2
madpbpl2007-09-13 20:48
楼主可以看看这个网站的源码
#3
gupiao1752007-09-14 02:26
如果它没有用到服务端代码技术的话,全部代码都可以直接在客户端点查看源代码看到的!比如一些特效等等!
#4
yms1232007-09-14 12:05

这种就是div切换效果
[CODE]<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>Div切换效果</title>
<style type="text/css">
<!--
a{
text-decoration:none;
text-transform:none;
}
.style1 {font-size: 55px}
.style2 {font-size: 16px}
-->
</style>
<script language="javascript">
<!--
function ShowDiv(idx)
{
this.DispDiv.innerHTML=this.dLayer[idx].innerHTML;
}
function Page_Load()
{
for(var i=0;i<this.dLayer.length;i++)
{
this.dLayer[i].style.display="none";
}
}
-->
</script>
</head>
<body onLoad="Page_Load();">
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<table width="324" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="324" height="14" valign="top"><span class="style2"><a href="#" onClick="this.blur();ShowDiv(0);" target="_self">第一层</a>|<a href="#" onClick="this.blur();ShowDiv(1);" target="_self">第二层</a>|<a href="#" onClick="this.blur();ShowDiv(2);" target="_self">第三层</a></span></td>
</tr>
<tr>
<td height="162" valign="top"><div id="DispDiv" ></div></td>
</tr>
</table>
<div id="dLayer" >
<table width="324" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="72" height="42">&nbsp;</td>
<td width="186">&nbsp;</td>
<td width="66">&nbsp;</td>
</tr>
<tr>
<td height="66">&nbsp;</td>
<td valign="center"><div align="center" class="style1">第一层</div></td>
<td>&nbsp;</td>
</tr>
<tr>
<td height="54">&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>
</div>
<div id="dLayer" >
<table width="324" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="72" height="42">&nbsp;</td>
<td width="186">&nbsp;</td>
<td width="66">&nbsp;</td>
</tr>
<tr>
<td height="66">&nbsp;</td>
<td valign="center"><div align="center" class="style1">第二层</div></td>
<td>&nbsp;</td>
</tr>
<tr>
<td height="54">&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>
</div>
<div id="dLayer" >
<table width="324" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="72" height="42">&nbsp;</td>
<td width="186">&nbsp;</td>
<td width="66">&nbsp;</td>
</tr>
<tr>
<td height="66">&nbsp;</td>
<td valign="center"><div align="center" class="style1">第三层</div></td>
<td>&nbsp;</td>
</tr>
<tr>
<td height="54">&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>
</div>
</body>
</html>[/CODE]
1
©2025, BC-CN.NET
电脑版