打印

谁有这样的源代码?

大家看图片
附件: 您所在的用户组无法下载或查看附件,您需要注册/登录后才能查看!
尼思 www.52nessie.cn
为了发一下我网站的链接。。。偶立马做了一个简单的。。。
这个比较简单容易理解,但按钮多了肯定不好用。
http://www.cname.cc/code_blue1.htm

主要的js代码如下:
<script>
function $(i){return document.getElementById(i)}
function dsp(a){$('area').innerHTML=$('msg'+a).innerHTML;}
</script>

附图:


[ 本帖最后由 zatada 于 2008-7-1 16:28 编辑 ]
是不是这个意思。
需要改进就回帖。呵呵
感谢楼上的....你能做成我想要的那样吗?

在同一行上的....

另外我想要个点击右边变化的....不是鼠标经过的...

因为我js很白痴.....麻烦了
尼思 www.52nessie.cn

TOP

还在为头像烦恼?还在为不能关注好友动态烦忧?快来蓝色理想家园吧!
汗。。。你css都不会。。。
太恐怖了吧。。
把div改成span
或者做一个float:right的div。。。。

js部分。

改成onclick就可以了。
代码如下:
样例已经更新。请移步:http://www.cname.cc/code_blue1.htm
如果和原来没有差别就刷新一下。我的服务器有缓存。也许你带上缓存了。

[ 本帖最后由 zatada 于 2008-7-1 18:41 编辑 ]

TOP

<style>#area{border:1px solid #fff; padding:10px}body{background:#fff}#area{border:1px
solid #000; padding:10px;width:400px; float:right}#msg1,#msg2,#msg3{display:none}
DIV{margin:10px}</style><script>
function $(i){return document.getElementById(i)}
function dsp(a){$('area').innerHTML=$('msg'+a).innerHTML;}
</script></HEAD>
<BODY><div style="width:300px; float:left">
<span id=box1 onclick="dsp(1)">按钮1</span><span id=msg1>我是按钮1的内容</span>
<span id=box2 onclick="dsp(2)">按钮2</span><span id=msg2>我是按钮2的内容</span>
<span id=box3 onclick="dsp(3)">按钮3</span><span id=msg3>我是按钮3的内容</span>
</div>
<DIV id=area></DIV>
</BODY></HTML>

TOP

搜 选项卡
cike.org

TOP