jQuery鼠标移动到Div上后切换背景,或更换图片

$(function () {

//鼠标更改列表颜色方法
$(".movie_fine").mouseover(function () {
$(this).css("background-color", "#1b1d1b");
});
$(".movie_fine").mouseout(function () {
$(this).css("background-color", "Black");
});

//鼠标更改图片切换方法
$(".movie_new_body_image2").hide();
$(".movie_new_body_image1").mouseover(function () {
$(this).children().children().show();
});
$(".movie_new_body_image1").mouseout(function () {
$(this).children().children().hide();
});

});
<div id="movie_new_body">
             <div class="movie_new_body_image1" style =" background-image:url('/Picture/Movie_Picture/<%#Eval("海报") %>')">
                <a href="/Movie_Body.aspx?id=<%#Eval("Movie_ID") %>">
                    <img class="movie_new_body_image2" src ="/Images/player.gif" alt ="<%#Eval("片名") %>"/>
                </a> 
             </div>
        </div>
posted @ 2012-10-12 08:27  Yao,Mane  阅读(1218)  评论(0编辑  收藏  举报