也曾年轻 发表于 2026-2-25 13:07

猪八戒背媳妇

本帖最后由 也曾年轻 于 2026-2-25 13:13 编辑 <br /><br />左右箭头也可以前后翻页<br>
<meta charset="utf-8">
<meta name="referrer" content="never" />
<style>
:root        {--w:810px;--h:622.5px;--offsetX:0px;}
#oBlk        {width:var(--w);height:calc(var(--h) + 240px);position:relative;overflow:hidden;border-radius:12px;box-shadow:4px 4px 10px black;transform:translateX(var(--offsetX));background-color:skyblue;}
#pichold        {height:calc(var(--h) + 240px);position:absolute;left:0px;}
#pichold img        {width:var(--w);height:var(--h);position:absolute;top:0px;}
.divBlk        {width:var(--w);height:calc(var(--h) + 240px);display:inline-block;position:relative;}
.pTxt        {text-indent:2em;font-size:2em;font-family:微软雅黑; position:absolute; left:0px;top:var(--h);background-color:skyblue;padding:12px 16px;}
</style>
<div id='oBlk'>
        <div id="pichold"></div>
</div>
<script>
//        https://mp.weixin.qq.com/s/VYTXE4QrfLSzJC1c7RDnqA
const pics = [
"https://mmbiz.qpic.cn/sz_mmbiz_jpg/aJVlh4a21zat7mQLGDnLSRrSNUriaPggz2eGhibeibSsjXP3xBCgXDL3j6XJHPNyc2FFWtfzQHH6d2GBibq6VWlvOg/640",
"https://mmbiz.qpic.cn/sz_mmbiz_jpg/aJVlh4a21zat7mQLGDnLSRrSNUriaPggzIFlVnW0sgewcdUVKo4Nal8dS1HhQ4KCDwGjQoeXfv6ovYaytpEaWJg/640",
"https://mmbiz.qpic.cn/sz_mmbiz_jpg/aJVlh4a21zat7mQLGDnLSRrSNUriaPggzgcibYmVqt9HVKzhgNmUAyV10u4UDFZwpnKIQplUpvtVyBrux0OWnSgQ/640",
"https://mmbiz.qpic.cn/sz_mmbiz_jpg/aJVlh4a21zat7mQLGDnLSRrSNUriaPggzic03Ju3fA5GY7SUmztonU1RQ2drwh7MSte4grgicBzmI9De4icOIKxzMg/640",
"https://mmbiz.qpic.cn/sz_mmbiz_jpg/aJVlh4a21zat7mQLGDnLSRrSNUriaPggzgYsefjbawrKCeyhfynnLWBXy4VGufXdERgAibwSH4dnPicLicGNwMEssw/640",
"https://mmbiz.qpic.cn/sz_mmbiz_jpg/aJVlh4a21zat7mQLGDnLSRrSNUriaPggzSFvxafka5DaiclkATz7qEmhzWViaX2JlNAibv4FNWVDyBkicyP1VgGTYww/640",
"https://mmbiz.qpic.cn/sz_mmbiz_jpg/aJVlh4a21zat7mQLGDnLSRrSNUriaPggzFBPUC7M837MrYGythzwqCIju3Ylo2l9fWVJKE5TjIZictf2qfeibafGg/640",
"https://mmbiz.qpic.cn/sz_mmbiz_jpg/aJVlh4a21zat7mQLGDnLSRrSNUriaPggzYhPyoMMF64mjTjLs1CD0hjx4mr8S0YichnTwWBKPuPEVSNhhyypib35w/640",
"https://mmbiz.qpic.cn/sz_mmbiz_jpg/aJVlh4a21zat7mQLGDnLSRrSNUriaPggznSqQ1nnZSziatM92kPnEMakOmS4UWibicZGJU65AT0Ix5dUIb3uuticVMg/640",
"https://mmbiz.qpic.cn/sz_mmbiz_jpg/aJVlh4a21zat7mQLGDnLSRrSNUriaPggzeFqkERIPGDXCs5VBNmwwmCRfhjXfC2nDiazV0BSkqw2PSYLwDuLmIgg/640",
"https://mmbiz.qpic.cn/sz_mmbiz_jpg/aJVlh4a21zat7mQLGDnLSRrSNUriaPggz9icmlj1ibftPyibA7lwbyar7ZSBQut4uLsATkJnp30fmS1k1n0BibZFQyw/640",
"https://mmbiz.qpic.cn/sz_mmbiz_jpg/aJVlh4a21zat7mQLGDnLSRrSNUriaPggzLJKrN2V1hP7RrdnicTuvqkT4UYiccicfW3ic7J398RE5oicOW9othMLNW8w/640",
"https://mmbiz.qpic.cn/sz_mmbiz_jpg/aJVlh4a21zat7mQLGDnLSRrSNUriaPggzjRFP8ias0aZX2222CUBnLqDDXzrOyZ2ashbzWFeRnFrURMHic18zDx3A/640",
"https://mmbiz.qpic.cn/sz_mmbiz_jpg/aJVlh4a21zat7mQLGDnLSRrSNUriaPggzCsnpfzm8LcdbBAyYc27oNDDRxLPrrYsx9HiclQTCLyiaZYia6OVpib76hQ/640",
"https://mmbiz.qpic.cn/sz_mmbiz_jpg/aJVlh4a21zat7mQLGDnLSRrSNUriaPggzibHlT5sWdvlOEx4b0NP7JQJl6eCVQbGgiblXNKXotnU8g8tiaibFaxMjcg/640",
"https://mmbiz.qpic.cn/sz_mmbiz_jpg/aJVlh4a21zat7mQLGDnLSRrSNUriaPggzqjFpUib8hXzF3n10Y37O9wR5hkg8HGvgl7dbEgzEjoT7RwF4u3KiaiasQ/640",
];
const descTxt = [
`1,自从唐僧师徒四人带着行李往西天取经以来,一路上斩妖除怪,朝行夜宿,缺茶少饭,真是千辛万苦。他们虽然走了很多日子,还未到达目的地。`,
`2,一天,来到了一个山坡跟前,唐僧师徒觉得又累又饿,就坐下来休息,唐僧便叫猪八戒到附近人家去化斋。`,
`3,孙悟空知道猪八戒又馋又懒,不肯吃苦,屡次想偷空逃跑。这次让他前去化斋,放心不下,就和唐僧及沙和尚说了,暗自跟了去察看。`,
`4,猪八戒来到一座大门楼前,里面正在办喜事,张灯结彩,猜拳喝酒,非常热闹。猪八戒被这股酒味引得口水直流。`,
`5,猪八戒进内给员外道了个喜,大口大口地喝起酒来,不一会已经大醉,东倒西歪。他也不管师父的等待,便想找个树荫,痛痛快快地睡上一觉。`,
`6,猪八戒走到一棵大树底下,刚要睡下,忽然疑心这棵大树是孙悟空所变,就对大树说了一番好话,过了一会又狠狠地骂了一顿。他见大树没有动静,才放心睡下。`,
`7,这时,孙悟空远远地望见猪八戒躺下睡觉,便摇身一变,变成一个年轻貌美的女子,哭哭啼啼地向猪八戒走来。猪八戒在在梦中醒来,听见女子哭声,便不想再睡了。`,
`8,猪八戒问那女子为何啼哭,那女子说:“丈夫死后,无依无靠,今日是来上坟的”。猪八戒听了心中一动,倘能和她成亲,还到西天取那什么“倒头经”干嘛!`,
`9,猪八戒把自己的心意向那女子说了,那女子也不拒绝,当时就提出了三个条件:第一要猪八戒入赘,第二要猪八戒背她回家,猪八戒成亲心切,一概都应允了。`,
`10,接着那女子提出第三个条件,她把猪八戒的眼睛用布蒙了起来说:“我怕你日后变心,所以要你蒙着眼睛背我,好让你不认识路,将来就不会离开我了”。`,
`11,猪八戒背起那个女子走,一路上强烈的阳光把猪八戒晒得头昏脑胀,那女子还不断扯他耳朵骂他驮得不稳。猪八戒忍着痛苦陪着笑脸,真是有苦难言。`,
`12,空旷地孙悟空显了原形,仍用女子的声音与猪八戒对话。猪八戒越背越重,不住地问:“什么时候才能到你的家门”?孙猴子只是回答说:“向前走就到了”。`,
`13,猪八戒向后一摸,觉得不妙,怎么会有根尾巴?便哏着说:“我要看看你,要不……我就不背了”。孙悟空朝着他的耳朵咬了一口,猪八戒疼得直叫:“我背,我背”。`,
`14,猪八戒苦苦地哀求要把蒙眼睛的布去掉,孙悟空就答应了。猪八戒放下孙悟空,把布去掉,伸了个懒腰,回头一看,吓得回头就跑。`,
`15,孙悟空一下子就把他抓了回来,举手便要打,猪八戒乞怜地说:“猴哥饶命,猴哥饶命!我去西天取经,下回改过就是了”。孙悟空这才饶恕了他。`,
`16,孙悟空牵了猪八戒又到唐僧那里叩了头,认了错,从此猪八戒再也不敢借故脱逃,老老实实地跟了唐僧师徒到西天取经去了。(完)`,
];
let wVal = parseInt(getComputedStyle(document.documentElement).getPropertyValue('--w'));
pichold.style.width = `${wVal * pics.length}px`;
pics.forEach((pic,idx) => {
        let divObj = document.createElement('div');
        let imgObj = document.createElement('img');
        let pObj = document.createElement('p');
       
        divObj.className = 'divBlk';
        pObj.className = 'pTxt';
        imgObj.src = pic;
        pObj.innerHTML = descTxt;
        divObj.appendChild(imgObj);
        divObj.appendChild(pObj);
        pichold.appendChild(divObj);
});
                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();
                });
                let setElmCenter = (elm) => {
                        const parentE = elm.parentNode;
                        const rect = parentE.getBoundingClientRect();
                        const winCenter = window.innerWidth / 2;
                        let offsetX = winCenter - (rect.left + elm.offsetWidth / 2);
                        //if(rect.width > elm.offsetWidth)        offsetX = (rect.width - elm.offsetWidth) / 2
                        elm.style.setProperty('--offsetX', `${offsetX}px`);
                }
               
                setElmCenter(oBlk);
                window.onresize = () => setElmCenter(oBlk);
</script>

梦油 发表于 2026-2-25 14:27

其实,猪八戒挺可爱的。

也曾年轻 发表于 2026-2-25 15:50

梦油 发表于 2026-2-25 14:27
其实,猪八戒挺可爱的。

憨得可爱{:5_106:}

梦油 发表于 2026-2-25 16:35

也曾年轻 发表于 2026-2-25 15:50
憨得可爱

据说,有个调查,女孩子们在在西游记师徒四众中,大多数是喜欢猪八戒。

也曾年轻 发表于 2026-2-25 17:56

梦油 发表于 2026-2-25 16:35
据说,有个调查,女孩子们在在西游记师徒四众中,大多数是喜欢猪八戒。

是吗,不应该是唐僧吗

樵歌 发表于 2026-2-25 18:48

这个是新编彩绘版,好像与以前不大一样了{:4_189:}

霜染枫丹 发表于 2026-2-25 19:16

色彩有了提升,新版本更好看,写也曾年轻的分享,新春快乐!!{:4_204:}{:4_190:}{:4_199:}

梦油 发表于 2026-2-25 19:22

也曾年轻 发表于 2026-2-25 17:56
是吗,不应该是唐僧吗

不,女孩子们喜欢猪八戒。

也曾年轻 发表于 2026-2-25 19:44

霜染枫丹 发表于 2026-2-25 19:16
色彩有了提升,新版本更好看,写也曾年轻的分享,新春快乐!!

https://p5.itc.cn/q_70/images03/20221211/da090dd5e0594ecca0d0988b35f4024b.gif

图片本来就是彩色的

也曾年轻 发表于 2026-2-25 19:44

梦油 发表于 2026-2-25 19:22
不,女孩子们喜欢猪八戒。

女孩的心思很难猜{:5_117:}

红影 发表于 2026-2-25 19:56

孙大圣太懂八戒的心思了,变个美女就让八戒吃足了苦头{:4_173:}

也曾年轻 发表于 2026-2-25 20:05

红影 发表于 2026-2-25 19:56
孙大圣太懂八戒的心思了,变个美女就让八戒吃足了苦头

二师兄“色令智昏”{:5_106:}

杨帆 发表于 2026-2-25 21:16

有趣好看,谢谢分享,新春快乐{:4_176:}

小辣椒 发表于 2026-2-25 22:24

这个好玩,有趣的,老师就是厉害,让人开心的分享,{:4_189:}

红影 发表于 2026-2-25 22:38

也曾年轻 发表于 2026-2-25 20:05
二师兄“色令智昏”

二师兄对美女太爱护了,也是很多女性喜欢八戒的原因{:4_173:}

也曾年轻 发表于 2026-2-25 22:39

小辣椒 发表于 2026-2-25 22:24
这个好玩,有趣的,老师就是厉害,让人开心的分享,

一个短小的故事{:5_106:}

也曾年轻 发表于 2026-2-25 22:40

红影 发表于 2026-2-25 22:38
二师兄对美女太爱护了,也是很多女性喜欢八戒的原因

哦,恍然大悟{:5_117:}

红影 发表于 2026-2-25 23:15

也曾年轻 发表于 2026-2-25 22:40
哦,恍然大悟

虽然八戒身上的缺点很多,但也有优点{:4_173:}

也曾年轻 发表于 2026-2-26 07:42

红影 发表于 2026-2-25 23:15
虽然八戒身上的缺点很多,但也有优点

看重优点就喜欢他(它){:5_106:}

梦江南 发表于 2026-2-26 09:05

猪八戒主要是个搞笑人物,否则太严肃了。
页: [1] 2
查看完整版本: 猪八戒背媳妇