Javascript 我可以用CSS这样的其他方法来做吗?
我试着做一个函数,当做一个“悬停”阴影时,它会发生在该类的所有按钮上,除此之外,我不能给出一个id,因为这些按钮是根据进入数据基础的新闻创建的,因此不能给每个按钮提供id,以通过jQuery选择它们,然后我显示代码和结果 谢谢你的帮助 jQuery函数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
$('.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在动画和效果的情况下是平滑的)