设为首页收藏本站
开启辅助访问 切换到宽版

新微赢技术网

 找回密码
 注册
快捷导航
搜索
热搜: 回贴
新微赢技术网»论坛 › 学习网 知识堂 › WEB开发 › ASP › [求助]显示方式
返回列表 发新帖
查看: 80|回复: 5
打印 上一主题 下一主题

[求助]显示方式

[复制链接]
Secret
跳转到指定楼层
1#
发表于 2010-1-17 01:08:55 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
点击右边的小图片````左边显示相应的大图片```````

页面是静态的````````````
请朋友们讲解哈````

是图片不是文字哈````请不要用文字来代替```````小弟我是菜鸟不怎么会改````

```请给我个例子代码```````````先在这里谢谢咯
回复

使用道具 举报

2#
发表于 2010-1-17 01:08:59 | 只看该作者
<script language="JavaScript">
<!--
function showbig(){
oImg.src="http://bbs.bc-cn.net/aaa/asplogo1.gif"
oImg.style.display=""
}
//-->
</script>
<a href="#" onclick="showbig()"><img src="http://bbs.bc-cn.net/aaa/asplogo1.gif" width="100" height="50" border=0></a>
<img src="" id="oImg" style="display:none">

js不太会 写的粗糙了点
回复 支持 反对

使用道具 举报

3#
发表于 2010-1-17 01:09:03 | 只看该作者
<STYLE type="text/css">
<!--
body,div,a{font:menu}
.article {
BORDER-BOTTOM: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; FILTER: revealTrans(transition=23,duration=0.5) blendTrans(duration=0.5); POSITION: absolute; VISIBILITY: hidden
; background-color: #FFCC00; padding-top: 3px; padding-right: 3px; padding-bottom: 3px; padding-left: 3px}
-->
</STYLE>
<script language="JavaScript">
<!--

function showbig() {
oImg.src="http://bbs.bc-cn.net/aaa/asplogo1.gif"
oImg.style.display=""
oImg.filters.revealTrans.apply();
oImg.style.visibility = "visible";
oImg.filters.revealTrans.play();

}
//-->
</script>
<a href="#" onclick="showbig()"><img src="http://bbs.bc-cn.net/aaa/asplogo1.gif" width="100" height="50" border=0></a>
<br>
<img src="" id="oImg" style="display:none" class="article">

加了点效果 ^_^
回复 支持 反对

使用道具 举报

4#
发表于 2010-1-17 01:09:07 | 只看该作者
<script language="JavaScript" type="text/JavaScript">
function TT(cs){
if(cs.style.display=='')
cs.style.display='none';
else
cs.style.display='';
}
</script>
<table width="187" border="0" cellpadding="1" >
<tr>
<td width="91" height="65" align="center">
<table width="91" height="60" border="0" cellspacing="0" id="t1" style="display:none;">
<tr>
<td width="83">大图1</td>
</tr>
</table></td>
<td width="86" align="center">
<table width="91" height="60" border="0" cellspacing="0" id="t2" style="display:none;">
<tr>
<td width="83">大图2</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="64" align="center">
<table width="91" height="60" border="0" cellspacing="0" id="t3" style="display:none;">
<tr>
<td width="83">大图3</td>
</tr>
</table>
</td>
<td align="center">
<table width="91" height="60" border="0" cellspacing="0" id="t4" style="display:none;">
<tr>
<td width="83">大图4</td>
</tr>
</table>
</td>
</tr>
</table>
<table width="163" height="94" border="0">
<tr>
<td width="76"><a href="" onClick="TT(t1);">小图1</a></td>
<td width="77"><a href="" onClick="TT(t2);">小图2</a></td>
</tr>
<tr>
<td><a href="" onClick="TT(t3);">小图3</a></td>
<td><a href="" onClick="TT(t4);">小图4</a></td>
</tr>
</table>
回复 支持 反对

使用道具 举报

返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 注册

本版积分规则

申请友链|小黑屋|最新主题|手机版|新微赢技术网 ( 苏ICP备08020429号 )  

GMT+8, 2024-11-18 19:34 , Processed in 0.047941 second(s), 9 queries , Gzip On, Memcache On.

Powered by xuexi

© 2001-2013 HaiAn.Com.Cn Inc. 寰耽

快速回复 返回顶部 返回列表