无名 发表于 2026-4-12 21:27

《漫画》老夫子

本帖最后由 无名 于 2026-4-16 01:38 编辑 <br /><br /><style>
:root        {--w:580px;--h:780.3px;}
#oBlk        {width:var(--w);height:var(--h);position:relative;overflow:hidden;margin-left:calc(50% - 281px);border-radius:6px;box-shadow:4px 4px 10px black;top:20px;}
#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>
const pics = [
"https://pan.suyanw.cn/view.php/ff1739d97710d5b99fcc6d9f32a1a9fb.jpg",
"https://www.boonkiong.com/data/attachment/forum/202412/03/235541avp0z0xwrx567v47.jpg",
"https://www.boonkiong.com/data/attachment/forum/202412/03/235906rh0qcp1eqza1i7hj.jpg",
"https://www.boonkiong.com/data/attachment/forum/202412/03/235801fiayv1tvpqdtz0i0.jpg",
"https://www.boonkiong.com/data/attachment/forum/202412/04/000116coob3cuh3c838bhz.jpg",
"https://www.boonkiong.com/data/attachment/forum/202412/04/000142amzo7obxfh62mkzx.jpg",
"https://www.boonkiong.com/data/attachment/forum/202412/04/000555z3kd9dqftrfdkxad.jpg",
"https://www.boonkiong.com/data/attachment/forum/202412/04/000812qxn3x8zgdzgq8d4p.jpg",
"https://www.boonkiong.com/data/attachment/forum/202412/04/000940q1r8im6r5neoono8.jpg",
"https://www.boonkiong.com/data/attachment/forum/202412/04/001010yxlz9cyb1lrq0l4x.jpg",
"https://www.boonkiong.com/data/attachment/forum/202412/04/055246pnk6ikiawdyvyfzx.jpg",
"https://www.boonkiong.com/data/attachment/forum/202412/04/055306p2obzl7naz912nmn.jpg",
"https://www.boonkiong.com/data/attachment/forum/202412/04/215628tz6ucuk6pjxc6cc2.jpg",
"https://www.boonkiong.com/data/attachment/forum/202412/08/143025zuhk0jpqf07u4hsz.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/150439p6sb2mn6ssz3znyz.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/150500gyykpih4aoijhxh0.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/150709bn00q300r8rrfihh.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/150628xxfyfuuw9etoloo3.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/150403sm8aoy663l6jqqom.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/150739b6ki2u3pj3i7vk3r.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/150819uoe5erara5r9rj2e.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/150836wvmm8882m7d98f2g.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/150902ilz5scaim5u4lsnk.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/150923t34e4bbr3u22jool.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/150944dz0jt8sqrbm40r0r.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/151010mmy01h1n1s631thm.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/151035z287a78waa1w951a.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/151114eaf91ous1sfjkftv.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/151142vozg4fb3hgnubn6j.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/151159sghds2dzbl22lc37.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/151218ca0bfk9lbsfg0nbk.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/151238ya0vjcsjx3vq3xc8.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/151254fpvyepo484opk1pg.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/151352p5zwg1vzbwg1deyv.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/151412rc02vm60vq2cvyp9.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/151433ncaqzpufjeqqfpaa.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/151452yededfj2oifxexdo.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/151605z3kqi2v2ez3dk5qk.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/151639we1aznjee96qjqjq.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/151658lhhqrxojlahqlz6l.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/151721kh7oppi28chabjx2.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/151748ub2xemzan2iybb98.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/151807vznk5xjfk2i8xii8.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/151832d11quwu58q4q5uzq.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/151849eby40a07wdv1wrhv.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/151905zys0chqwcsnnsjc1.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/151928pbzy2jvxn2xd3twx.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/151954rkce3ct2wv56obcw.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/152017m3wwtczciwtzsbdr.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/152032i3a7vai3322v635d.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/152048kyczhzhxycs6oqo0.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/152138xc39tinwgw3i3gtq.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/152154ibb191hvp9ptr8s1.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/152208unufakj85mjtttum.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/152233vci1a7z1rlrc7is0.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/152302cnqemii9uwxuxun5.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/152322y18ung11ssst1zct.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/152353tlezq29x2xkkh47l.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/152506gx25ie151ekz5med.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/152543n5iefjfi0ri5iu3f.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/152604nkurwmgkiqqguqht.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/152630kf994so9esve23nk.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/152729eyoz8s66aswbma34.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/152754y9dosyy8sd7q3qd8.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/152812p6qckwa8wyc6vy68.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/152837nrywr5vwfl5lgcl0.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/152856itlvdlll3ujanw75.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/152928tx7feu2qer9r93xn.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/152947vznnknrz60k16zwm.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/153006b338g388aaa32zoa.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/182845xzd0dk0ll8gzm8cd.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/182858igvgkag1mmemviwh.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/182915cluus7wu7qb7aarx.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/182931aqqkdqnncfd2akdq.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/183004f2vmo8fjdjbjv832.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/183023epqcweuzcnwyhh3w.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/183119fioociy08pzy58yz.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/183137h2z39k8jgi634rdy.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/183156s7int1n7yietkinu.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/183232o5jb19lb9z58b11x.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/183255mj60ckj0v1jknmtq.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/183342z1nnnq6aunmcsx66.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/183402s6i6ja3askmzgm2a.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/183417cmhpcrymbpzrry0c.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/183447hxz2qcv6t6hpqtd9.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/183503b6kojp3e1hcwhhhe.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/183520znoe86l6ftnz8ge3.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/183533n11eyeyvy9my9em8.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/184946izeejx06696oi708.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/185017tmy2kxik1zii3uxr.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/185047x76fwiettdslwzcf.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/185106uz0yjnc60qzquemn.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/185124dapyytv7lmbzm7bt.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/185137uojn2p2xi8kh2r2r.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/185214qtg3dk0o4566h470.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/185234yfy4sevfzvv9ex2a.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/185256y3f7wre7rge00eg8.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/185315c62hhcw74yjyf77p.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/185704e2knf2nue61gueee.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/185822gi9ye6ac694y4acn.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/185859ow6m66ha96a4p0yj.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/185924yq3xpxr4qy9g1bgg.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/190008sqapomuiqwxvwleq.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/190048bs2fqort32tl1ah1.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/190117b5rktbcbeozxeehk.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/190135cgoocoddnv8nkd31.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/190158z3z39kl3hzw29wz7.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/190221iobhunpznnnqdxzn.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/190317nuq0qz110t015ofm.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/190353wkhddhbkm9p0dbid.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/190454pdqd2fjccofobluq.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/190726sssusmp9h5l8ezh8.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/190802urre8oorofunr68n.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/190847slrttktresjetlke.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/190920wnvnr1nv9ovyc0o9.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/191020yetg8efg2fhl7gl0.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/191058uk0ho9y0sybh9ast.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/191125pzfoikks7m6117iw.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/191143soc2obxfbkakevok.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/191234g8s28ymi1yuhyrs1.jpg",
"https://www.boonkiong.com/data/attachment/forum/202501/04/191251ce57771rean7g768.jpg",
"https://www.boonkiong.com/data/attachment/forum/202504/12/005856nukrj3zxu33aayt4.jpg",
"https://www.boonkiong.com/data/attachment/forum/202504/12/005930ev66irldvquld1w6.jpg",
"https://www.boonkiong.com/data/attachment/forum/202504/12/005953zrr9qr7tfergkj6r.jpg",
"https://www.boonkiong.com/data/attachment/forum/202504/12/010015diutwr56o0468i5l.jpg",
"https://www.boonkiong.com/data/attachment/forum/202504/12/010035zs0regk2eencn4ig.jpg",
"https://www.boonkiong.com/data/attachment/forum/202504/12/010056dpt4xno2qhenybnk.jpg",
"https://www.boonkiong.com/data/attachment/forum/202504/12/010128cl2fr00ee9no0jfl.jpg",
"https://www.boonkiong.com/data/attachment/forum/202504/12/010147woq5zqoq9n8z1rbo.jpg",
"https://www.boonkiong.com/data/attachment/forum/202504/12/010205ss4xzncccwt4jpbs.jpg",
"https://www.boonkiong.com/data/attachment/forum/202504/12/010220guavvvqvqytjwy4n.jpg",
"https://www.boonkiong.com/data/attachment/forum/202504/12/010236ctxom5ztp8q41pqn.jpg",
"https://www.boonkiong.com/data/attachment/forum/202504/12/010253zzgzghqzghihw5xg.jpg",
"https://www.boonkiong.com/data/attachment/forum/202504/12/010316nxelicnxi5y212yy.jpg",
"https://www.boonkiong.com/data/attachment/forum/202504/12/010336cugh6ubfyub4ugwy.jpg",
"https://www.boonkiong.com/data/attachment/forum/202504/12/010356fhhsnmpmaxrnwe4m.jpg",
"https://www.boonkiong.com/data/attachment/forum/202504/12/010413p2tqd87n28xy877d.jpg",
"https://www.boonkiong.com/data/attachment/forum/202504/12/010500d359fgnzhe3jtzti.jpg",
"https://www.boonkiong.com/data/attachment/forum/202504/12/010551bo6ze3bf6wq4kqn6.jpg",
"https://www.boonkiong.com/data/attachment/forum/202504/12/010625jooqb56a524ba4a9.jpg",
"https://www.boonkiong.com/data/attachment/forum/202504/12/010649jqdtbqczbbqmtlfy.jpg",
"https://www.boonkiong.com/data/attachment/forum/202504/12/010743smn4wiz1zn683711.jpg",
"https://www.boonkiong.com/data/attachment/forum/202504/12/010924wzs5f57jr8e8v2tc.jpg",
"https://www.boonkiong.com/data/attachment/forum/202504/12/010950cm5kzn1wn8rj7nnn.jpg",
"https://www.boonkiong.com/data/attachment/forum/202504/12/011013xo659imb9nnoioor.jpg",
"https://www.boonkiong.com/data/attachment/forum/202504/12/011043iux2crxmq63zvuxu.jpg",
"https://www.boonkiong.com/data/attachment/forum/202504/12/011151rp55g5ps0g5fc5ps.jpg",
"https://www.boonkiong.com/data/attachment/forum/202504/12/011224lir854aphnru7rz5.jpg",
"https://www.boonkiong.com/data/attachment/forum/202504/12/011334ac6k6zflcfmns839.jpg",
"https://www.boonkiong.com/data/attachment/forum/202504/12/011502j1dm3ststzstjsk2.jpg",
"https://www.boonkiong.com/data/attachment/forum/202504/12/011518mj077n7mx7lyc77m.jpg",
"https://www.boonkiong.com/data/attachment/forum/202504/12/011604u9lc5gi9515kck1r.jpg",
"https://www.boonkiong.com/data/attachment/forum/202504/12/011619zualq3ulceqa33qu.jpg",
"https://www.boonkiong.com/data/attachment/forum/202504/12/011644rjz3v0fkf91g3qeq.jpg",
"https://www.boonkiong.com/data/attachment/forum/202504/12/011706exglkuyf1lp5aoy5.jpg",
"https://www.boonkiong.com/data/attachment/forum/202504/12/011906gr8kh2auvjre8hjk.jpg",
"https://www.boonkiong.com/data/attachment/forum/202504/12/011922v7qxuxj2l7yuiwqq.jpg",
"https://www.boonkiong.com/data/attachment/forum/202504/12/011940pie35the28efig3u.jpg",
"https://www.boonkiong.com/data/attachment/forum/202504/12/012005att38t7e8te8zdez.jpg",
"https://www.boonkiong.com/data/attachment/forum/202504/12/012044yq9170852v2bgv0g.jpg",
"https://www.boonkiong.com/data/attachment/forum/202504/12/012255kl9ntral9sai02nz.jpg",
];
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-4-12 21:56

问好楼主，欣赏！

红影 发表于 2026-4-12 22:26

都是些漫画故事呢，这样的连环画有趣{:4_187:}

无名 发表于 2026-4-12 23:52

小文 发表于 2026-4-12 21:56
问好楼主，欣赏！

谢谢欣赏{:4_204:}

无名 发表于 2026-4-12 23:55

红影 发表于 2026-4-12 22:26
都是些漫画故事呢，这样的连环画有趣


也曾年轻 发表于 2026-4-13 07:16

https://5b0988e595225.cdn.sohucs.com/images/20180922/a0358ef38edd469fa54e7a2c2fe3a5ab.gif

这样不太宽的帖子在手机上还是可以看的就是字小点

无名 发表于 2026-4-13 07:51

无名 发表于 2026-4-12 23:55


嗯，是小了点，不过能放大吧！
页: [1]
查看完整版本: 《漫画》老夫子