代码jquery在所有帖子中都有效

时间:2015-07-21 11:36:16

标签: jquery css animation post blogs

 $(document).ready(function(){
    $("#img_cont,h3,#txt_right,#dataut,#circle_haut,#read_more,p").mouseover(function(){
         $("#txt_right").css({"opacity": "0.9","transition":"1s"});
        $("#read_more").css({transform: "scale(1)","transition":"1s"});
        $("div#txt_right p").css({transform: "scale(1)","transition":"1s"});
    });
    $("#img_cont,h3,#txt_right,#dataut,#circle_haut,p").mouseout(function(){
        $("#read_more").css({transform: "scale(0)","transition":"1s"});
        $("div#txt_right p").css({transform: "scale(0)","transition":"1s"});
        $("#txt_right").css({"opacity": "0","transition":"1s"});
    });
});

我有一个网站(html,css,js,php,mysql)我有jquery代码我把它用于帖子,我的意思是我改变了帖子的css属性和动画(阅读更多,日期... ..)在悬停鼠标上,问题是代码仅在第一篇文章中起作用,如果我创建一个新帖子它只能在这个最新帖子中工作,当我将鼠标悬停在另一个帖子上时代码工作在第一个代码中提前和原谅我的英语不好。

1 个答案:

答案 0 :(得分:0)

请尝试使用 ID 而不是 CLASS 并使用$(this).css();,因此它不适用于所有