jQuery两张图片前后对比查看代码,两张不同的图片叠加成一张,通过左右移动鼠标查看比较图片。
js代码
<script src="js/jquery.min.js"></script>
<script>
$(document).ready(function () {
$('.img-box').mousemove(function (e) {
var left = $(".img-box").offset().left;
// 计算出需要偏移的距离
var offsetNO = e.pageX - left;
// 默认原图最小显示200px,最大显示1100px
if (offsetNO < 200) {
$('.part-l').width(200);
$('.toolbar').css('left', '200px');
} else if (offsetNO > 1100) {
$('.part-l').width(1100);
$('.toolbar').css('left', '1100px');
} else {
$('.part-l').width(offsetNO);
$('.toolbar').css('left', offsetNO + 'px');
}
});
});
</script>
系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791