<div id="ad1561971075313_13" class="4b89-2a04-f59f-5639 custom-ad">
<img src="https://cct-bj.com/zb_users/upload/2024/11/20241123094808173232648854757.jpg" alt="时刻新闻">
<div class="2a04-f59f-5639-9f2d share-section">
—分享—
</div>
</div>
<div id="qrcode-container" style="display: none;">
<div id="qrcode"></div>
</div>
<script>
$('#qrcode-container').hover(
function() {
$('#qrcode').qrcode({
text: location.href,
height: 100,
width: 100,
src: '//j.rednet.cn/images/logo_25.jpg'
});
$('#qrcode-container').show();
},
function() {
$('#qrcode-container').hide();
}
);
var playList = [];
var scale = window.innerWidth / 750;
</script>
在这个版本的代码中,我将原始代码中的RedAd
调用移除,并创建了一个custom-ad
类来替代原来的广告区域。同时,我创建了一个新的#qrcode-container
元素,该元素在鼠标悬停时显示二维码,鼠标移出时隐藏。
对于脚本部分,我使用了jQuery的.hover()
方法来处理鼠标悬停和移出的事件,使得二维码的显示和隐藏更加流畅。
注意:由于我无法直接访问外部图片,因此我无法确认图片地址是否正确或有效。请确保提供的图片URL是有效的,并且可以被您的网站正确访问。