Javascript 我可以用CSS这样的其他方法来做吗?

Javascript 我可以用CSS这样的其他方法来做吗?,javascript,jquery,html,Javascript,Jquery,Html,我试着做一个函数,当做一个“悬停”阴影时,它会发生在该类的所有按钮上,除此之外,我不能给出一个id,因为这些按钮是根据进入数据基础的新闻创建的,因此不能给每个按钮提供id,以通过jQuery选择它们,然后我显示代码和结果 谢谢你的帮助 jQuery函数 $('.btn-secondary').hover(function(){ $('.btn-secondary').css('boxShadow', '0 15px 15px 0 rgba(0,0,0,0.24),0 17px 20p

我试着做一个函数,当做一个“悬停”阴影时,它会发生在该类的所有按钮上,除此之外,我不能给出一个id,因为这些按钮是根据进入数据基础的新闻创建的,因此不能给每个按钮提供id,以通过jQuery选择它们,然后我显示代码和结果

谢谢你的帮助

jQuery函数

  $('.btn-secondary').hover(function(){
    $('.btn-secondary').css('boxShadow', '0 15px 15px 0 rgba(0,0,0,0.24),0 17px 20px 0 rgba(0,0,0,0.19)');
}, function(){
        $('.btn-secondary').css('boxShadow', 'none');

})
container.php

<hr>
<div class="container">
    <div class="row">
       <div class="col-md-1"></div>
        <?php
                $link=conectar();
                            $dc=mysqli_query($link,"Select * from tbl_noticias_blog Order By id DESC limit 3");         
                            while($titulo=mysqli_fetch_array($dc)){   
            ?>

            <div class="col-md-3">
                <h2>
                    <?php echo $titulo['titulo']; ?>
                    <input type="hidden" id="id" value="<?php echo $titulo['id'] ?>">
                </h2>
                <p>
                    <?php echo utf8_encode($titulo['dcorta']); ?>. </p>
                <button class="btn btn-secondary" onclick="irnoti(<?php echo $titulo['id'];?>);" role="button"><span>Ver detalles</span></button>
            </div>
            <?php   
                            }
            ?>
    </div>
    <br>
    <br>


</div>


使用没有jquery的纯css可以实现这种阴影效果
.shadow\u效果{
背景色:#727b84;
颜色:#fff;
边界半径:2px;
边界:无;
填充物:5px 5px;
}
.shadow_效果:悬停{
盒影:0 15px 15px 0 rgba(0,0,0,0.24),0 17px 20px 0 rgba(0,0,0,0.19);
}
按钮1

按钮2
使用纯css而不使用jquery,可以实现这种阴影效果
.shadow\u效果{
背景色:#727b84;
颜色:#fff;
边界半径:2px;
边界:无;
填充物:5px 5px;
}
.shadow_效果:悬停{
盒影:0 15px 15px 0 rgba(0,0,0,0.24),0 17px 20px 0 rgba(0,0,0,0.19);
}
按钮1

按钮2
我强烈推荐。它只需要一两个小时,而且会立即回报你。与
on
一样,
hover
作为
this
提供元素引用。您可以使用纯css来完成此操作,而无需使用jquerytanks接受答案,请向上投票我的答案tooT.J。克劳德:我不是想重播,我是想找到一个解决办法,我得到了。谢谢,我强烈推荐。它只需要一两个小时,而且会立即回报你。与
on
一样,
hover
作为
this
提供元素引用。您可以使用纯css来完成此操作,而无需使用jquerytanks接受答案,请向上投票我的答案tooT.J。克劳德:我不是想重播,我是想找到一个解决办法,我得到了。谢谢谢谢我用你的答案来质疑我的问题!!,我用jquery尝试各种不同的想法,但是css真的很简单。欢迎放弃投票给答案plzim lvl1 cant upvote srryOk朋友谢谢和快乐的编码,总是想办法通过css,如果他不能帮助得到jquery的帮助,(css在动画和效果方面是平滑的)谢谢我对你的答案提出问题!!,我用jquery尝试不同的想法,但是在css上非常简单。欢迎放弃投票给答案plzim lvl1 cant upvote srryOk朋友谢谢和快乐的编码,总是通过css找到一种方法,如果他不能帮助得到jquery的帮助,(css在动画和效果的情况下是平滑的)