求助！这样的效果怎么做！ - Dreamweaver及网页制作 - 5D互动论坛 - 五维多媒体

您还没有登录,现在登录 | 注册5D通行证

5D 博客新控制面板,操作更简单!

首页

资讯

作品

教程

博客

论坛

论坛首页规章制度搜索帮助

» 互动论坛 » Dreamweaver及网页制作 » 求助！这样的效果怎么做！

发起主题

回复主题

跳转到：

每页显示15条 1/1<<<1>>

	主题: 求助！这样的效果怎么做！
lmywinw 职务：普通成员等级：1 金币：0.0 发贴：11	引用 #12005/1/26 16:58:09 大家帮帮忙，看下这个效果怎么做？都不知道在google上怎么搜图片如下：
lmywinw 职务：普通成员等级：1 金币：0.0 发贴：11	引用 #22005/1/26 17:00:14 怎么做才能实现上面那种形式的切换tab阿
jneyweb 职务：普通成员等级：1 金币：0.0 发贴：19	引用 #32005/1/26 17:10:19 它好像是两张图的，一张是没有点之前，一张是点击之后。
lmywinw 职务：普通成员等级：1 金币：0.0 发贴：11	引用 #42005/1/26 18:11:21 多谢但不是图片阿是用脚本实现的就是没有相关的文章哪位高人帮帮忙
kitten888 职务：普通成员等级：1 金币：0.0 发贴：13	引用 #52005/1/26 18:31:17 什么网址啊，让我看看清楚
lmywinw 职务：普通成员等级：1 金币：0.0 发贴：11	引用 #62005/1/26 20:01:09 edu.sina.com.cn/m/index.shtml 往下了就能看到上面的图片，多谢帮忙
{ 在指尖上绽放的花朵 } 职务：普通成员等级：5 金币：14.0 发贴：3209	引用 #72005/1/26 20:32:59 是层的显示和隐藏吧。。。。
jason2011 职务：普通成员等级：1 金币：0.0 发贴：23	引用 #82005/1/26 21:32:34 是用javascript调用css实现的
lmywinw 职务：普通成员等级：1 金币：0.0 发贴：11	引用 #92005/1/27 8:38:41 可以说的详细点么有没有相关的资料这个效果在google上改怎么搜阿谢谢谢谢
{ 在指尖上绽放的花朵 } 职务：普通成员等级：5 金币：14.0 发贴：3209	引用 #102005/1/27 18:17:04 我简单的拆了一下。。。。 <!-----样式表部分--------> <style type="text/css"> td,p,li,select,input,textarea {font-size:12px} A.a22:link,A.a22:visited,A.a22:active,A.a22:hover {text-decoration:none;color:#414141; font-size:12px; padding-top:7;width:80;height:24; background:url(http://image2.sina.com.cn/pfp/ask/images/zsrz82.gif)} A.a23:link,A.a23:visited,A.a23:active,A.a23:hover {text-decoration:none;color:#414141; font-size:12px; padding-top:7;width:80;height:24; background:url(http://image2.sina.com.cn/pfp/ask/images/zsrz84.gif)} </style> <!-----脚本部分--------> <script> function setClassTab(tab,sta,tabid,url) { document.getElementById(tabid).blur(); document.getElementById('tab1').className="a22" document.getElementById('tab2').className="a22" document.getElementById('tab3').className="a22" document.getElementById('tab4').className="a22" document.getElementById('tab5').className="a22" document.getElementById('tab'+tab).className="a23" //alert(page_num); ifram.location="http://iask.edu.sina.com.cn/iframe/browse_question_state_iframe.php?status="+sta+"&"+url; } </script> <!------显示部分--------> <center> <table border=0 cellpadding=0 cellspacing=0 width=478 bgcolor=#ffffff> <tr><td> <table border=0 cellpadding=0 cellspacing=0 width=450 align=center> <tr> <td height=24 width=450 background=http://image2.sina.com.cn/pfp/ask/images/zsrz83.gif > <table width=450 border=0 cellpadding=0 cellspacing=0 align=center> <tr align=center> <td width=20></td> <td width=80 align=center background=http://image2.sina.com.cn/pfp/ask/images/zsrz84.gif height=24><a id=tab1 href="javascript:setClassTab(1,'A','tab1','fatherid=574&pagenum=7&style=1&toprowshow=1&fsize=36&scoreshow=1&nicksize=8&statusshow=1&dateshow=0&template=edu.html&appname=m&pageshow=1')" target=_self class=a23>全部问题</a></td><td width=80 align=center background=http://image2.sina.com.cn/pfp/ask/images/images/zsrz82.gif><a id=tab2 href="javascript:setClassTab(2,'R','tab2','fatherid=574&pagenum=7&style=1&toprowshow=1&fsize=36&scoreshow=1&nicksize=8&dateshow=0&askshow=1&template=edu.html&appname=m&pageshow=1')" target=_self class=a22>解决中问题</a></td> <td width=80 align=center background=http://image2.sina.com.cn/pfp/ask/images/zsrz82.gif><a id=tab3 href="javascript:setClassTab(3,'H','tab3','fatherid=574&pagenum=7&style=1&toprowshow=1&fsize=36&scoreshow=1&nicksize=8&dateshow=0&askshow=1&template=edu.html&appname=m&pageshow=1')" target=_self class=a22>高分问题</a></td> <td width=80 align=center background=http://image2.sina.com.cn/pfp/ask/images/zsrz82.gif><a id=tab4 href="javascript:setClassTab(4,'N','tab4','fatherid=574&pagenum=7&style=1&toprowshow=1&fsize=36&scoreshow=1&nicksize=8&dateshow=0&askshow=1&template=edu.html&appname=m&pageshow=1')" target=_self class=a22>疑难问题</a></td> <td width=80 align=center background=http://image2.sina.com.cn/pfp/ask/images/zsrz82.gif><a id=tab5 href="javascript:setClassTab(5,'K','tab5','fatherid=574&pagenum=7&style=1&toprowshow=1&fsize=36&scoreshow=0&nicksize=8&dateshow=0&askshow=1&template=edu.html&appname=m&pageshow=1')" target=_self class=a22><font color=#33ad00>已解决问题</font></a></td> <td width=163 align=right></td> </tr> </table> </td> </tr> </table> </td></tr></table> <table width=478 border=0 cellpadding=0 cellspacing=0 align=center> <tr> <td width=478 bgcolor=#FFFFFF align=center><iframe name=ifram src="http://iask.edu.sina.com.cn/iframe/browse_question_state_iframe.php?fatherid=574&pagenum=7&style=1&toprowshow=10&fsize=36&scoreshow=1&nicksize=14&statusshow=1&dateshow=0&template=edu.html&appname=m&pageshow=1" width=450 height=180 frameborder=0 scrolling=no ></iframe></td> </tr> </table> [Ctrl+A 全部选择提示：你可先修改部分代码，再按运行] 编辑历史:[此帖最近一次被 allinhands 编辑过(编辑时间:2005-01-27 19:19:02)]

每页显示15条 1/1<<<1>>

在回复主题:求助！这样的效果怎么做！

正文：

下划线

文本颜色

插入链接

建立Google搜索链接

插入图片

引用文本

骄傲的笑

什么?

smile

frown

redface

biggrin

wink

rolleyes

mad

eek

禁止笑脸转换

提示：按 Ctrl+Enter 快速提交

关于我们 | 免责声明 | 合作联系 | 版权信息 | 友情链接 | ICP许可证:浙ICP备05007613号
©1999-2008 5D.cn. 版权所有

百度大联盟认证绿色会员