×

js背景特效

背景图片JS效果变换？js 实现div背景图片的填充效果

admin admin 发表于2022-05-23 18:48:14 浏览133 评论0

抢沙发发表评论

背景图片JS效果变换


《div onclick=“javascript:this.style.backgroundImage=’url(../RandomCreate/20090505171749.png)’;“ style=“background-image:url(../RandomCreate/20090505165832.png);width:300px;height:300px;“ 》《/div》
不知道对你有没有帮助

js 实现div背景图片的填充效果


给《img》加个id属性 然后在js中获取到这《img》
document.getElementByID(“id“).src=“(路径)“;

js特效如下图


你好，

使用jQuery来个简洁版的代码：

$(’.J_CardTitle’).on(’click’, function(){
  var $this = $(this);
  var popo = $this.parents(’.J_Card’).find(’.J_Popover’);
  if (popo.hasClass(’show’)) {
    popo.removeClass(’show’);
  } else {
    popo.addClass(’show’);
  }
});

完整的代码有点多，不列了，在codepen上看吧：

但是看楼主对别人问题的追问应该是不太会JS，CSS方面的兼容性问题应该没什么问题哇！

希望能解决你的问题，如有疑问可追问！