喜悦国际村 
» 游客:  注册 | 登录 | 搜索 | 统计 | 喜悦证交所 | 帮助

RSS 订阅当前论坛  

[北京]代朋友公司招聘PHP高级程序员多名

上一主题 下一主题
     
标题: [问题] 一个JS问题  
 
guog
论坛元老
Rank: 8Rank: 8



UID 79936
精华 0
积分 9708
帖子 413
金钱 9708 喜悦币
威望 0
人脉 0
阅读权限 90
注册 2006-9-12
来自 北京
状态 离线
一个JS问题

我想得到一种效果,就是鼠标点下或划过下面显示相应此栏目的内容。
在网上找了几个代码,要么是firefox下不行,要么是ajax实现(这个太里面的难,短时间看不懂)。想要个简单的,我能够套用。能在IE和firefox兼容就行。那位做过相应的,给点代码,谢谢了
2007-8-29 04:35 PM#1
查看资料  Blog  发短消息  顶部
 
wzhu (wzhu)
版主
Rank: 7Rank: 7Rank: 7
C[A-Z]O


UID 68040
精华 0
积分 47788
帖子 1562
金钱 47765 喜悦币
威望 0
人脉 23
阅读权限 100
注册 2006-1-14
来自 湖北荆州>陕西西安>辽宁 ...
状态 离线
[推荐阅读] PHP新手群
隐藏内容层
onmouseover = function(){ document.getElementById('id').style.display = "block"; }




<?wzhu
wzhu.print("This is a wzhu language");
?>
2007-8-29 04:39 PM#2
查看资料  访问主页  Blog  发短消息  QQ  顶部
 
村长夫人
高级会员
Rank: 4


UID 94673
精华 0
积分 501
帖子 973
金钱 501 喜悦币
威望 0
人脉 0
阅读权限 50
注册 2007-6-29
状态 离线
[推荐阅读] 请教一下大家该怎么建站?
onmouseout = function(){ document.getElementById('id').style.display = "none"; }
否则内容层不会消失




又该换马甲了.....
2007-8-29 05:48 PM#3
查看资料  发短消息  顶部
 
guog
论坛元老
Rank: 8Rank: 8



UID 79936
精华 0
积分 9708
帖子 413
金钱 9708 喜悦币
威望 0
人脉 0
阅读权限 90
注册 2006-9-12
来自 北京
状态 离线
[推荐阅读] 关于鼠标放上去变换的效果
<script language="JavaScript">
obj=Array("","test1","test2","test3");
div=Array("","test4","test5","test6");
function changeone(num){
     for(i=1;i<=3;i++){
          
           obj_this = document.getElementById(obj);
          
           div_this = document.getElementById(div);
           if(i == num){
             obj_this.background = "#FFFFFF";
                 div_this.style.display = '';
           }else{
             obj_this.background = "#FFFF04";
                 div_this.style.display = 'none';
           }
         }
  }
</script>
<body>
<table>
        <tr>
                <td id="test1" background="" onmouseover="changeone('1')"><a href="#">123</a></td>
                <td id="test2" background="" onmouseover="changeone('2')"><a href="#">456</a></td>
                <td id="test3" background="" onmouseover="changeone('3')"><a href="#">789</a></td>
        <tr>
<table>
<div id="test4" style="display:‘’">
        <table>
                <tr><td>qwer</td></tr>
        </table>
</div>
<div id="test5" style="display:'none'">
        <table>
                <tr><td>asdf</td></tr>
        </table>
</div>
<div id="test6" style="display:'none'">
        <table>
                <tr><td>zxcv</td></tr>
        </table>
</div>


我做了这个,怎么当鼠标移到后两个时,第一个层的老是出现,不会消失
2007-8-29 06:21 PM#4
查看资料  Blog  发短消息  顶部
 
迎风
高级会员
Rank: 4
一二三四五,上山打老鼠


UID 66573
精华 0
积分 823
帖子 891
金钱 823 喜悦币
威望 0
人脉 0
阅读权限 50
注册 2005-9-11
状态 离线
[推荐阅读] 寻求一个超简单的程序,生成静态页面。
http://www.dynamicdrive.com/dyna ... bscontent/index.htm



Azazazazazazazazazazazazazazazazazazazazazaz
2007-8-29 06:37 PM#5
查看资料  发短消息  顶部
 
guog
论坛元老
Rank: 8Rank: 8



UID 79936
精华 0
积分 9708
帖子 413
金钱 9708 喜悦币
威望 0
人脉 0
阅读权限 90
注册 2006-9-12
来自 北京
状态 离线
[推荐阅读] 求 php程序员职位(上海)


QUOTE:
原帖由 迎风 于 2007-8-29 06:37 PM 发表
http://www.dynamicdrive.com/dyna ... bscontent/index.htm
全英的
现在问题快解决了,就差一点了,代码在上上楼,就是鼠标到后面的标题时候,第一个层的内容不会消失,现在头晕了,没有逻辑,那位帮忙看下,解决下。多谢了。
2007-8-29 06:42 PM#6
查看资料  Blog  发短消息  顶部
 
未注册会员
注册会员
Rank: 2



UID 71886
精华 0
积分 94
帖子 185
金钱 94 喜悦币
威望 0
人脉 0
阅读权限 20
注册 2006-4-18
来自 广东
状态 在线
[推荐阅读] 1000贴!


<?php
<div class="jdetail">
                    <
ul>
                        <
li id="li_1" class="jactive" onmouseover="change(1);">详细介绍</li>
                        <
li id="li_2" onmouseover="change(2);">用户评价</li>
                        <
li id="li_3" onmouseover="change(3);">发表评论</li>
                        <
li id="li_4" onmouseover="change(4);">推荐给好友</li>
                    </
ul>

                </
div>
                <
script type="text/javascript">
                    <!--
                    function 
change(no)
                    {
                        for(var 
15i++)
                        {
                            if(
no == i)
                            {
                                
document.getElementById('id_'+i).style.display='block';
                                
document.getElementById('li_'+i).style.color='#4A6901';
                                
document.getElementById('li_'+i).style.backgroundImage='url("images/jnav.jpg")';
                            }
                            else
                            {
                                
document.getElementById('id_'+i).style.display='none';
                                
document.getElementById('li_'+i).style.color='#717171';
                                
document.getElementById('li_'+i).style.backgroundImage='';
                            }
                        }
                    }
                    
document.getElementById('li_1').style.backgroundImage='url("images/jnav.jpg")';
                    
//-->
                
</script>
                <div id="id_1" class="jdetail_content" style="display:block;">                       <!--内容切换-->
                    详细介绍。。。。。。
                </div>
                <div id="id_2" class="jdetail_content">                       <!--内容切换-->
                    用户评介。。。。。。
                </div>

                <div id="id_3" class="jdetail_content">                       <!--内容切换-->
                    发表评论。。。。。。
                </div>
                <div id="id_4" class="jdetail_content">                       <!--内容切换-->
                    推荐给好友。。。。。。
                </div>
?>
前几天做shopex模板时写的,看下。




80字节以内  
2007-8-29 09:39 PM#7
查看资料  发短消息  顶部
     


  可打印版本 | 推荐给朋友 | 订阅主题 | 收藏主题 | 开通个人空间  


 




Powered by Discuz! 6.1.0  © 2001-2010 Comsenz Inc.
Processed in 0.027507 second(s), 6 queries

(冀ICP备05009913号) 管理员:sadly 邮箱/MSN: sadly@phpx.com QQ:824008(长隐) 清除 Cookies - - Archiver - WAP