首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Ajax >

关于AJAX安插事件后改变CSS没反应

2013-09-06 
关于AJAX插入事件后改变CSS没反应form idform1 runatserverdiv classheadspan classlogo

关于AJAX插入事件后改变CSS没反应

<form id="form1" runat="server">
    <div class="head">
        <span class="logo">
            <img src="/images/logo.png" />
        </span>
        <span>
            <img src="/images/men.png" />
        </span>
        <span class="men">
            欢迎您登录 | 
        </span>
        <div id="outbtn" class="headbotton">
            <img src="/images/out.png" title="退出" />
        </div>
        <div id="helpbtn" class="headbotton">
            <img src="/images/help.png" title="帮助" />
        </div>
        <div id="systembtn" class="headbotton">
            <img src="/images/system.png" title="系统设置" />
        </div>
    </div>
    <div id="menu" class="menu">
        <span id="grzxMenu">个人中心</span>
        <span id="sdnmMenu">失地农民</span>
        <span id="qyglMenu">企业管理</span>
        <span id="zpxxMenu">招聘信息</span>
        <span id="pxMenu">培训</span>
        <span id="xxcxMenu">信息查询</span>
        <span id="glyglMenu">管理员管理</span>
        <span id="dxshMenu">短信审核</span>
        <span id="xtszMenu">系统设置</span>
    </div>
    <div class="menusmall">
        <div id="grzx" style="display:block;">


            <span>个人中心</span>
            <span>修改个人信息</span>
            <span>密码管理</span>
        </div>
        <div id="sdnm">
            <span>添加失地农民</span>
            <span>失地农民管理</span>
            <span>导入失地农民</span>
        </div>
        <div id="qygl">
            <span>添加企业</span>
            <span>企业管理</span>
            <span>导入企业信息</span>
        </div>
        <div id="zpxx">
            <span>招聘信息</span>
            <span>推荐就业</span>
        </div>
        <div id="px">
            <span>添加培训</span>
            <span>培训管理</span>
            <span>添加考勤</span>
            <span>考勤管理</span>
            <span>推荐就业</span>
            <span>管理已推荐的就业</span>
        </div>
        <div id="xxcx">
            <span>失地农民查询</span>
            <span>企业查询</span>
            <span>培训查询</span>
            <span>招聘职位查询</span>
            <span>总成绩查询</span>


            <span>推荐就业查询</span>
        </div>
        <div id="glygl">
            <span>角色管理</span>
            <span>用户管理</span>
        </div>
        <div id="dxsh">
            <span>短信审核</span>
            <span>短信记录</span>
            <span>已审核短信</span>
        </div>
        <div id="xtsz">
            <span>数据备份</span>
            <span>文化程度</span>
            <span>专业特长</span>
            <span>专业类别</span>
            <span>行业类别</span>
            <span>待遇要求</span>
        </div>
    </div>
    <div>
        <asp:contentplaceholder id="ContentPlaceHolder1" runat="server">
        </asp:contentplaceholder>
    </div>
    </form>






$(document).ready(function(){
        $("#systembtn img").hover(function()
        {
            $(this).attr("src","/images/system2.png");   
            return false;
        },function(){$(this).attr("src","/images/system.png");   
            return false;})
            
        
        $("#helpbtn img").hover(function()


        {
            $(this).attr("src","/images/help2.png");   
            return false;
        },function(){$(this).attr("src","/images/help.png");   
            return false;})
        
        $("#outbtn img").hover(function()
        {
            $(this).attr("src","/images/out2.png");   
            return false;
        },function(){$(this).attr("src","/images/out.png");   
            return false;}) 
            
        $("#grzxMenu").mouseover(function()
        {
            $(this).css("display","block");
            $("sdnm").css("display","none");
            return false;
        }
        )           
        
})



我向ID为grzxMenu添加了一个鼠标事件,但是我的鼠标放在该处,并没有反应
[解决办法]

<script type="text/javascript">
$(document).ready(function(){
        $("#systembtn img").hover(function(){
            $(this).attr("src","/images/system2.png");   
            return false;


        },function(){
$(this).attr("src","/images/system.png");   
            return false;
});
        $("#helpbtn img").hover(function(){
            $(this).attr("src","/images/help2.png");   
            return false;
        },function(){
$(this).attr("src","/images/help.png");   
            return false;
});
        $("#outbtn img").hover(function(){
            $(this).attr("src","/images/out2.png");   
            return false;
        },function(){
$(this).attr("src","/images/out.png");   
            return false;
}); 
            
        $("#grzxMenu").mouseover(function(){
            $(this).css("display","block");
            $("#sdnm").css("display","none");
        });           
});
</script>

热点排行