也曾年轻 发表于 2026-5-12 10:02

连环画 --- 枣核

<meta charset="utf-8">
<meta name="referrer" content="never" />
<style>
:root        {--w:810px;--h:706.5px;}
#oBlk        {width:var(--w);height:var(--h);position:relative;overflow:hidden;margin-left:calc(50% - 481px);border-radius:12px;box-shadow:4px 4px 10px black;}
#pichold        {height:var(--h);position:absolute;left:0px;top:0px;}
#pichold img        {width:var(--w);height:var(--h);float:left;}
</style>
<div id='oBlk'>
        <div id="pichold"></div>
</div>
<script>
//        https://mp.weixin.qq.com/s/cZJ1jpfaN2AwMAqQ23ig2g
const pics = [
"https://mmbiz.qpic.cn/sz_mmbiz_jpg/7UUOcU3QmOatvkWibZsXibLU8ISJOKKzI0Aib9nq2D1ro3TmJbjrIyvbDlIuuHJMpQamBs389jZicKCn92lCg4Z5tw/640",
"https://mmbiz.qpic.cn/sz_mmbiz_jpg/7UUOcU3QmOatvkWibZsXibLU8ISJOKKzI00DzS74oMFmESQjoicAJB8VAbGic03NCfld2CqsR8WUJPWx09x8JDLkcQ/640",
"https://mmbiz.qpic.cn/sz_mmbiz_jpg/7UUOcU3QmOatvkWibZsXibLU8ISJOKKzI0MNYcz6hib0iadG4qjQ6342RtERQ8LibGhzlica4lHTNWKnrtIaNOAN6W8Q/640",
"https://mmbiz.qpic.cn/sz_mmbiz_jpg/7UUOcU3QmOatvkWibZsXibLU8ISJOKKzI0ozNic5HE1dDyFhyONnGv5ia2fic8G6IJ6FTaUhwng2JENCKRm9INMyOUQ/640",
"https://mmbiz.qpic.cn/sz_mmbiz_jpg/7UUOcU3QmOatvkWibZsXibLU8ISJOKKzI0fh45Rv8MSAhYl4xxhickniaJlPRe4K8XwCnrkjmibF0ZicD4p6IQdZwicQA/640",
"https://mmbiz.qpic.cn/sz_mmbiz_jpg/7UUOcU3QmOatvkWibZsXibLU8ISJOKKzI05PfwSEH3f1bSsR8JYA1HWRgm5ycP8HKkgfT2fjXUzAHy20OwjOiaPEQ/640",
"https://mmbiz.qpic.cn/sz_mmbiz_jpg/7UUOcU3QmOatvkWibZsXibLU8ISJOKKzI0dj4HTdrshUR4akmddMJspgrKyeU05azbevDp9CibIjjGGqgotsIT2Ag/640",
"https://mmbiz.qpic.cn/sz_mmbiz_jpg/7UUOcU3QmOatvkWibZsXibLU8ISJOKKzI0oic5RCzH4mURmCpBne3qlY6leicibUK6AgrT2X4QwCtVgjiasnQsLpsBTg/640",
"https://mmbiz.qpic.cn/sz_mmbiz_jpg/7UUOcU3QmOatvkWibZsXibLU8ISJOKKzI0tnWlHS6q8Hjic46x9saMQRhFbD5Uc9mibmPL2LH8QZ0teoYFiaibjWDcGQ/640",
"https://mmbiz.qpic.cn/sz_mmbiz_jpg/7UUOcU3QmOatvkWibZsXibLU8ISJOKKzI02NFNSRlB3ibOI496iaIgYULBV7TOqNWlDvXvDadCeqNZLoiakdOm4rsCw/640",
"https://mmbiz.qpic.cn/sz_mmbiz_jpg/7UUOcU3QmOatvkWibZsXibLU8ISJOKKzI0VROocwDOeTkMWmr0eTdjBtwfVHbQaEQ7TfTPJjiaJjFRV04hEwGtMYA/640",
"https://mmbiz.qpic.cn/sz_mmbiz_jpg/7UUOcU3QmOatvkWibZsXibLU8ISJOKKzI0Q79hibQ114q9lnlz6XQ7AY8AmxeelRWxszh5rnfpRrlBubR8Th2w9ng/640",
"https://mmbiz.qpic.cn/sz_mmbiz_jpg/7UUOcU3QmOatvkWibZsXibLU8ISJOKKzI0hvf7JILgRlzbicOb0UaJJPcyuhOCxrD9V1qKbyvY4hkb7icytEichc3Cw/640",
"https://mmbiz.qpic.cn/sz_mmbiz_jpg/7UUOcU3QmOatvkWibZsXibLU8ISJOKKzI0m7PJzialdqv7rnaHYSKA1khcXAr1bukicLJODtHMQjzBtw3c2NBhiaS7w/640",
"https://mmbiz.qpic.cn/sz_mmbiz_jpg/7UUOcU3QmOatvkWibZsXibLU8ISJOKKzI0Ox4EdiaVtzbjoBalovGgu4XgOzatG1Cl9iady9cMyFiazfvvodswJQlDQ/640",
"https://mmbiz.qpic.cn/sz_mmbiz_jpg/7UUOcU3QmOatvkWibZsXibLU8ISJOKKzI0xRKPyyCgJoH8fAut7sMEoCD9ldicNs9NmKhgcYQSCFEoM3T8Cx6YQjQ/640",
"https://mmbiz.qpic.cn/sz_mmbiz_jpg/7UUOcU3QmOatvkWibZsXibLU8ISJOKKzI0AlxPl47ibWUTKbiazVicBzxKKCZ245tSIJIdjxTtx0gLXDz09UMW3F4cA/640",
"https://mmbiz.qpic.cn/sz_mmbiz_jpg/7UUOcU3QmOatvkWibZsXibLU8ISJOKKzI0tKaJ0ibhU36ibjQIv4ia8zIbK3rwDuhQ9wMOibrxM1KFoHHXHMfQIHibrQg/640",
"https://mmbiz.qpic.cn/sz_mmbiz_jpg/7UUOcU3QmOatvkWibZsXibLU8ISJOKKzI0THicXtApI40Mcge2h8KKOnq9jDq71djFF887kY25YJrdCKLicdicvzI1w/640",
"https://mmbiz.qpic.cn/sz_mmbiz_jpg/7UUOcU3QmOatvkWibZsXibLU8ISJOKKzI0spSABN3PuGBhp8vRNSwlNgXMn1RC9g14mEuY777gK8REDYyG1F6pHQ/640",
"https://mmbiz.qpic.cn/sz_mmbiz_jpg/7UUOcU3QmOatvkWibZsXibLU8ISJOKKzI0DHUibMRRkmhxJztibIOuDGyPryKcERfvT4KevhBXSL0ZNFDBWnrREK6g/640",
"https://mmbiz.qpic.cn/sz_mmbiz_jpg/7UUOcU3QmOatvkWibZsXibLU8ISJOKKzI0cwibm1HTD60N7v2Q82PY0KVwbA6zMaPK6YQMsd5hCf484Qs0RjIGaVw/640",
"https://mmbiz.qpic.cn/sz_mmbiz_jpg/7UUOcU3QmOatvkWibZsXibLU8ISJOKKzI052voTaP2HlKydgsPIXeo2E0dlZTEYevmRNy8gwBYLxffTEWYbYWaag/640",
"https://mmbiz.qpic.cn/sz_mmbiz_jpg/7UUOcU3QmOatvkWibZsXibLU8ISJOKKzI0nu3y7lia2uSqADoibVIjJYFTQ1NwRfgm8DiasyfUtkQibqL1L2WWgqGvrA/640",
"https://mmbiz.qpic.cn/sz_mmbiz_jpg/7UUOcU3QmOatvkWibZsXibLU8ISJOKKzI0rMfPiapDJ1QK0n2I9FVAgOdEzPzy4TCYKlRaggxJwA5cPRvB5MGNLWA/640",
"https://mmbiz.qpic.cn/sz_mmbiz_jpg/7UUOcU3QmOatvkWibZsXibLU8ISJOKKzI0uStWVibHc9icZ01YF4V4AYE0G2s0VpiaEekaEhcvdWjpiaOraNlNXaDHKQ/640",
"https://mmbiz.qpic.cn/sz_mmbiz_jpg/7UUOcU3QmOatvkWibZsXibLU8ISJOKKzI0YZD7bPAtfe13kKvw6G1iaFL7iaPc13GeUHryrLoSywETluzkLYlicgRrQ/640",
"https://mmbiz.qpic.cn/sz_mmbiz_jpg/7UUOcU3QmOatvkWibZsXibLU8ISJOKKzI00RzH8p1MwyhfRexRzvZFjVK0fP4ezqdA0T9ZOtUicY2MeKoDDibA2icrA/640",
"https://mmbiz.qpic.cn/sz_mmbiz_jpg/7UUOcU3QmOatvkWibZsXibLU8ISJOKKzI02Hx8lOuFSqNkOiaueCFO5GRtAxKAgCHrZb2otCIUyxQ92Rxlx1IkgFw/640",
"https://mmbiz.qpic.cn/sz_mmbiz_jpg/7UUOcU3QmOatvkWibZsXibLU8ISJOKKzI0bRiajpajWx302qwpZTfCTutvzddvlafMbPtY88mD9zzqkaen8uIsMJg/640",
"https://mmbiz.qpic.cn/sz_mmbiz_jpg/7UUOcU3QmOatvkWibZsXibLU8ISJOKKzI0TJaobCm0zGK6ic80atD84MVECd2X9IUb6Zgiay7A9PoREOUxgmuPyNHA/640",
"https://mmbiz.qpic.cn/sz_mmbiz_jpg/7UUOcU3QmOatvkWibZsXibLU8ISJOKKzI00dnd7dTLCR4DltnOR0zFyxOo7BweBT6KA87QXAOAFicGhPR3OAaH0tQ/640",
"https://mmbiz.qpic.cn/sz_mmbiz_jpg/7UUOcU3QmOatvkWibZsXibLU8ISJOKKzI0yltibDUIrY4VAjIAtYYeG5wVPiapDVDOvkDficg5HAicEoEp3LcVuEyrTg/640",
"https://mmbiz.qpic.cn/sz_mmbiz_jpg/7UUOcU3QmOatvkWibZsXibLU8ISJOKKzI02icLNC0qGh3QEIDKQEzSCf3gYODMIMXJ6DibPoE0t8KicEokQ7Xs4A54A/640",
"https://mmbiz.qpic.cn/sz_mmbiz_jpg/7UUOcU3QmOatvkWibZsXibLU8ISJOKKzI07icDnyNutuZSoSkdE2ECGDvSvIEfBibHMrTxSajlHEzb4qyy39bZFnaw/640",
"https://mmbiz.qpic.cn/sz_mmbiz_jpg/7UUOcU3QmOatvkWibZsXibLU8ISJOKKzI0GnLMv16vUrSFfpYbLzDFq9liaX7oH8fRdKMEMUsyRnbpMhOYRpkJcZg/640",
"https://mmbiz.qpic.cn/sz_mmbiz_jpg/7UUOcU3QmOatvkWibZsXibLU8ISJOKKzI0MrEF7pHv1CjVjkVQhicAGMAlj6kUnVg6VGtyoz2vngU8ZpmnQ02eVHg/640",
"https://mmbiz.qpic.cn/sz_mmbiz_jpg/7UUOcU3QmOatvkWibZsXibLU8ISJOKKzI02WaGFWxn9ib2PJ7GdL23ibCZtef2XGiaAfwbVz7bfoYBFo2XWWtL9rsrg/640",
"https://mmbiz.qpic.cn/sz_mmbiz_jpg/7UUOcU3QmOatvkWibZsXibLU8ISJOKKzI0VsC879QQunswZsPibRLKOnBHlryy9pTc1PFr0V8137LRBxq9qGK4rJA/640",
"https://mmbiz.qpic.cn/sz_mmbiz_jpg/7UUOcU3QmOatvkWibZsXibLU8ISJOKKzI05D3BbvIXDV7Gu595h2uFkG4UZ3X54oLftibyAhVA4vCFll91st5Uk2A/640",
"https://mmbiz.qpic.cn/sz_mmbiz_jpg/7UUOcU3QmOatvkWibZsXibLU8ISJOKKzI0iazuyYVIu03cOgCR24eJDbib0W2plibFziaUI68IUiahzmTKmDyUyH1CXNw/640",
"https://mmbiz.qpic.cn/sz_mmbiz_jpg/7UUOcU3QmOatvkWibZsXibLU8ISJOKKzI0GV2xsWv8cqsERTvTdgN16MEZmvIRR2I5k9vVXfTvEomsV9Z5iaUAOWQ/640",
"https://mmbiz.qpic.cn/sz_mmbiz_jpg/7UUOcU3QmOatvkWibZsXibLU8ISJOKKzI0qm5XIytVxUtcuMXib2xSFYl6icdaln2RiamNvribWPxaIO8purlQQmPTmQ/640",
"https://mmbiz.qpic.cn/sz_mmbiz_jpg/7UUOcU3QmOatvkWibZsXibLU8ISJOKKzI0nIslJKpP0wsGBUVicDECcXOtxzIZhQSnuiaPEusFh46IlYibyRyyHEv3g/640",
"https://mmbiz.qpic.cn/sz_mmbiz_jpg/7UUOcU3QmOatvkWibZsXibLU8ISJOKKzI0ficlWp9xGBA1ziaP995lfc8pzbouaXWpiaysqSnN6cYTjOtrK55PibW0hg/640",
"https://mmbiz.qpic.cn/sz_mmbiz_jpg/7UUOcU3QmOatvkWibZsXibLU8ISJOKKzI0fGHfXlnSicUFKkiclnic9LYAvL93YUM6lgRFcwwaYEPmvDHef7wvkKp8w/640",
"https://mmbiz.qpic.cn/sz_mmbiz_jpg/7UUOcU3QmOatvkWibZsXibLU8ISJOKKzI0HpRbU4CJnT8EjiaibDQwo8gHy7BNossTHoomYicYEBXudj973PQem8b9Q/640",
"https://mmbiz.qpic.cn/sz_mmbiz_jpg/7UUOcU3QmOatvkWibZsXibLU8ISJOKKzI0PLI7X6L12R7x7s9xIJD8wODz2DvicZZM1JDYhApUtc3ZbCjX5mD15Uw/640",
"https://mmbiz.qpic.cn/sz_mmbiz_jpg/7UUOcU3QmOatvkWibZsXibLU8ISJOKKzI0vUoOrsOkic5xzneGcM7BqibibibjDCGjkBw76xcpF9M8umTHaCDO9PpYfA/640",
"https://mmbiz.qpic.cn/sz_mmbiz_jpg/7UUOcU3QmOatvkWibZsXibLU8ISJOKKzI00mPPajEvuglljRlZcKQzPlDoQ8gOeAickEQzdYyYJTwjdW5cp1rKgGw/640",
"https://mmbiz.qpic.cn/sz_mmbiz_jpg/7UUOcU3QmOatvkWibZsXibLU8ISJOKKzI0PJVQlzc53kobKqtgOXYuLCkTvtaPR0O55Uf7r0WO3ZgosnIPdBkNcw/640",
"https://mmbiz.qpic.cn/sz_mmbiz_jpg/7UUOcU3QmOatvkWibZsXibLU8ISJOKKzI0WRfMONMlTWwPhr36ewpUnVHINvDlz9c2BvJdjEdms0eecNwW8ic71uw/640",
"https://mmbiz.qpic.cn/sz_mmbiz_jpg/7UUOcU3QmOatvkWibZsXibLU8ISJOKKzI0V4YplvbQnh6ibmqy0QACNBFP4b9E5ZLhRf7BibMPGWCia8JD3BgS68IGQ/640",
"https://mmbiz.qpic.cn/sz_mmbiz_jpg/7UUOcU3QmOatvkWibZsXibLU8ISJOKKzI0tvWypWGl1kVD9gPjYyksnbPwahm7vrcdTJV8nHu0icQ85NXicwvqN5YA/640",
"https://mmbiz.qpic.cn/sz_mmbiz_jpg/7UUOcU3QmOatvkWibZsXibLU8ISJOKKzI08pRYCwNUqzp06bykkle4jupdXV5YZQBFwgE2BhIU3vlMxDYycBcTibA/640",
"https://mmbiz.qpic.cn/sz_mmbiz_jpg/7UUOcU3QmOatvkWibZsXibLU8ISJOKKzI0rpA7Ezc2esbe6qvZSwl9nfjqvSBL6cdtKETwQMGuQiaxa8IBer6jictw/640"
];
let wVal = parseInt(getComputedStyle(document.documentElement).getPropertyValue('--w'));
        pichold.style.width = pics.length * wVal + 'px';
        pics.forEach(pic => {
                let imgObj = document.createElement('img');
                imgObj.src = pic;
                pichold.appendChild(imgObj);
        });
        let numPic = pichold.querySelectorAll('img');

        pichold.onmousedown = (ev) => {
                let styleLeft = parseInt(pichold.style.left);
                let sbOffsetWidth = parseInt(oBlk.offsetWidth);
                let imgOffsetLeft = parseInt(pichold.offsetLeft);
                if(ev.button === 0)        {
                        if(styleLeft > ((1 - numPic.length) * sbOffsetWidth))        pichold.style.left = (imgOffsetLeft -= sbOffsetWidth) + 'px';
                        else pichold.style.left = '0px';
                }
                else if(ev.button === 2)        {
                        if(imgOffsetLeft === 0)pichold.style.left = (1 - numPic.length) * sbOffsetWidth + 'px';
                        else pichold.style.left = (imgOffsetLeft += sbOffsetWidth) + 'px';
                }

        }
                window.addEventListener('keydown', function(ev) {
                        let styleLeft = parseInt(pichold.style.left);
                        let sbOffsetWidth = parseInt(oBlk.offsetWidth);
                        let imgOffsetLeft = parseInt(pichold.offsetLeft);
                        if(ev.code === 'ArrowDown' || ev.code === 'ArrowRight')        {
                                if(styleLeft > ((1 - numPic.length) * sbOffsetWidth))        pichold.style.left = (imgOffsetLeft -= sbOffsetWidth) + 'px';
                                else pichold.style.left = '0px';
                        }
                        else if(ev.code === 'ArrowUp' || ev.code === 'ArrowLeft')        {
                                if(imgOffsetLeft === 0)pichold.style.left = (1 - numPic.length) * sbOffsetWidth + 'px';
                                else pichold.style.left = (imgOffsetLeft += sbOffsetWidth) + 'px';
                        }
                });
       
        oBlk.addEventListener('contextmenu', function(event) {
                event.preventDefault();
        });
</script>

梦油 发表于 2026-5-12 11:14

枣核真聪明。

也曾年轻 发表于 2026-5-12 11:39

梦油 发表于 2026-5-12 11:14
枣核真聪明。

上午好！谢谢欣赏支持！

杨帆 发表于 2026-5-12 11:58

呵呵，有趣的故事，为枣核点赞

梦江南 发表于 2026-5-12 12:25

枣核连环画没封面啊？

梦江南 发表于 2026-5-12 12:32

枣核戏弄县官，替老百姓出气，为聪明的枣核点赞！{:4_199:}

也曾年轻 发表于 2026-5-12 13:32

杨帆 发表于 2026-5-12 11:58
呵呵，有趣的故事，为枣核点赞

下午好！谢谢欣赏支持！

也曾年轻 发表于 2026-5-12 13:32

梦江南 发表于 2026-5-12 12:25
枣核连环画没封面啊？

封面画不好看{:5_102:}舍去

也曾年轻 发表于 2026-5-12 13:33

梦江南 发表于 2026-5-12 12:32
枣核戏弄县官，替老百姓出气，为聪明的枣核点赞！

下午好！谢谢欣赏支持！

梦江南 发表于 2026-5-12 13:47

也曾年轻 发表于 2026-5-12 13:32
封面画不好看舍去

哈哈，还是有封面的啊{:4_189:}

梦江南 发表于 2026-5-12 13:47

也曾年轻 发表于 2026-5-12 13:33
下午好！谢谢欣赏支持！

下午好！{:4_190:}

也曾年轻 发表于 2026-5-12 15:08

梦江南 发表于 2026-5-12 13:47
哈哈，还是有封面的啊


<img src="https://mmbiz.qpic.cn/mmbiz_png/pKLdgsxYtPAZRTk14fia29ibVFLVRwYHAmtokh3QVZiaSsqDlicicKicQOZSXZWLM1APhZvAVYiabnUZHmXc8icQ8SmaCa1hWmDh6ic8R5YyfuBUxmIA/640" />

梦江南 发表于 2026-5-12 15:09

也曾年轻 发表于 2026-5-12 15:08


这张封面不是很有趣的吗。{:4_173:}

也曾年轻 发表于 2026-5-12 15:12

梦江南 发表于 2026-5-12 15:09
这张封面不是很有趣的吗。

不好看{:5_102:}

梦江南 发表于 2026-5-12 15:13

也曾年轻 发表于 2026-5-12 15:12
不好看

不好看，出版社也不会做封面了。{:4_189:}

红影 发表于 2026-5-12 15:45

这次不是历史故事了，是民间传说了。很奇妙的故事。
枣核身材那么小，应该是侏儒吧，被传说加工成那么有勇有谋的人了{:4_173:}

红影 发表于 2026-5-12 15:46

感谢也曾年轻带来的好帖，好看的连环画{:4_187:}
页: [1]
查看完整版本: 连环画 --- 枣核