请选择进入手机版 | 继续访问电脑版

收藏本站腾讯微博新浪微博

邮件列表客服QQ 800003860 切换到窄版

蓝色理想最新研发动态 新增登录提醒插件 - 用至我的站点 地图任务一定要做 - 给官方提建议

论坛活动及任务 地图和邮件任务请多用悬赏提问 热夏来袭，选一款蓝色理想的个性T恤吧！

MIUI手机主题设计大赛，奔驰大奖等你拿！ 想加薪？！蓝色理想招聘提供你更多机会 悬赏答疑，赚取积分兑奖品！

经典论坛 › 论坛 › 网站开发区 › 前台制作与脚本专栏 › 求这样的一个效果，50体力啊！（附带代码的优先！）

查看: 332|回复: 10

求这样的一个效果，50体力啊！（附带代码的优先！） [复制链接]

csu5240　楼主

大盗马维斯

高级会员 

帖子: 314
体力: 933
威望: 0
居住地: 广西壮族自治区来宾市

发表于 2012-4-10 09:59:08 |显示全部楼层

50体力

如图，鼠标点击就会展开一个下拉列表出来（前写时间我已经找到了，但是后来被我删去了，现在非常的急！求大家发发慈悲吧！50体力发个代码吧！亲~~我会给好评的）

附件: 你需要登录才可以下载或查看附件。没有帐号？注册

最佳答案

webiis 查看完整内容

效果图如下，代码见附件！

http://you.xinlaibin.com/

西部数码云主机4G内存500G仅需423元

使用道具举报

初级会员 

帖子: 5
体力: 77
威望: 0
居住地: 山东省青岛市

发表于 2012-4-10 09:59:09 |显示全部楼层

效果图如下，代码见附件！

附件: 你需要登录才可以下载或查看附件。没有帐号？注册 

租服务器，上51IDC

使用道具举报

金牌会员 

帖子: 1212
体力: 4808
威望: 14
居住地: 广东省汕头市

发表于 2012-4-10 10:18:08 |显示全部楼层

铼个简单的

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
*{margin:0; padding:0}
#nav{width:200px; margin:50px}
#nav h3{ cursor:pointer; line-height:30px; height:30px; background-color:#000000; color:#fff}
#nav a{display:block; line-height:24px;color:#666666}
#nav a:hover{background-color:#eee; color:#000;}
#nav div{display:none; border:1px solid #000; border-top:none}
</style>
<script type="text/javascript">
function $(id){return document.getElementById(id)}
window.onload = function(){
	$("nav").onclick = function(e){
		var src = e?e.target:event.srcElement;
		if(src.tagName == "H3"){
			var next = src.nextElementSibling || src.nextSibling;
			next.style.display = (next.style.display =="block")?"none":"block";
		}
	}
}
</script>
</head>

<body>
<div id="nav">
	<h3>管理曲</h3>
    <div>
    	<a href="#">111</a>
        <a href="#">222</a>
        <a href="#">333</a>
    </div>
    <h3>交流区</h3>
    <div>
    	<a href="#">aaa</a>
        <a href="#">bbb</a>
        <a href="#">ccc</a>
    </div>
</div>
</body>
</html>

提示：您可以先修改部分代码再运行

使用道具举报

csu5240　楼主

大盗马维斯

高级会员 

帖子: 314
体力: 933
威望: 0
居住地: 广西壮族自治区来宾市

发表于 2012-4-10 11:51:19 |显示全部楼层

楼猪能告诉我这个效果叫做什么的没有

http://you.xinlaibin.com/

使用道具举报

我是飘哥

银牌会员 

帖子: 1646
体力: 2500
威望: 0
居住地: 广东省珠海市

发表于 2012-4-10 12:52:13 |显示全部楼层

手风琴

使用道具举报

散步的狼

高级会员 

帖子: 531
体力: 993
威望: 0
居住地: 广东省广州市

发表于 2012-4-10 13:09:59 |显示全部楼层

我是来拿体力的哈！

附件: 你需要登录才可以下载或查看附件。没有帐号？注册 

你敢点吗? 不敢吧.

使用道具举报

csu5240　楼主

大盗马维斯

高级会员 

帖子: 314
体力: 933
威望: 0
居住地: 广西壮族自治区来宾市

发表于 2012-4-11 09:25:40 |显示全部楼层

都不太理想在等等

http://you.xinlaibin.com/

使用道具举报

bluedreamer2011　

高级会员 

帖子: 63
体力: 672
威望: 0
居住地: 江苏省南京市

发表于 2012-4-11 09:55:08 |显示全部楼层

本帖最后由 bluedreamer2011 于 2012-4-11 09:56 编辑

提示：您可以先修改部分代码再运行

使用道具举报

bluedreamer2011　

高级会员 

帖子: 63
体力: 672
威望: 0
居住地: 江苏省南京市

发表于 2012-4-11 10:02:30 |显示全部楼层

提示：您可以先修改部分代码再运行

使用道具举报

初级会员 

帖子: 14
体力: 78
威望: 0
居住地: 北京市房山区

发表于 2012-4-11 10:25:16 |显示全部楼层

我怎么感觉，好像VS里面的一个控件，改改样式。

使用道具举报

csu5240　楼主

大盗马维斯

高级会员 

帖子: 314
体力: 933
威望: 0
居住地: 广西壮族自治区来宾市

发表于 2012-4-12 12:48:55 |显示全部楼层

谢谢大家，总算等到了好的答案

http://you.xinlaibin.com/

使用道具举报

Archiver|手机版|blueidea.com ( 京ICP备05002321号 )

GMT+8, 2012-5-21 09:38 , Processed in 0.079436 second(s), 8 queries , Gzip On, Memcache On.

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部