连环画 --- 北游记

也曾年轻 发表于 2026-1-20 14:41

<p style="font:bold 1.8em 黑体;text-indent:2em;margin-bottom:16px;">
小说《北游记》诞生于明朝中晚期，又名《北方真武玄天上帝出身志传》、《玄帝出身志传》、《真武大帝传》、《荡魔天尊传》，全文共四卷二十四回。与余象斗的另一部小说《南游记》、吴元泰所著《东游记》、杨致和的《西游记传》四部神魔小说并称“四大游记”。
</p>
<meta charset="utf-8">
<meta name="referrer" content="never" />
<style type="text/css">
:root {--w:800px; --h:600px;}
#oBlk {
width:940px;height:960px;
background-image: url(https://z3.ax1x.com/2021/09/16/4nMjJA.gif);
display: grid;
place-items:center;position:relative;
grid-template-rows: 770px 170px;
grid-template-columns:100%;
box-shadow:3px 3px 8px darkgray;
overflow:hidden;border-radius:24px;
font-size:12px;padding:10px;
margin-left: calc(50% - 551px);
}
#cataFrame {width:880px;height:170px;border:6px white groove;overflow:hidden;border-radius:24px;position:relative;}
/***************************************************************************************************/
#imgHold img {width:var(--w);height:var(--h); position:absolute;top:0px;}
#imgHold {height:var(--h);position:absolute;left:0px;}
#storyBookBlk {
width:var(--w);
height:var(--h);
overflow:hidden;
border-radius:24px;
box-shadow:4px 4px 10px black;
position:relative;
}
#targetD {width:880px;height:720px;border:6px white groove;place-items:center;overflow:hidden;border-radius:24px;display:grid;}
#gName {font:bold 2.5em 隶书;color:brown;margin:12px;}
#pichold {height:160px;position:absolute;left:0px;top:0px;margin-top:5px;animation: mleft 24.5s linear infinite paused;}
#pichold img {width:200px;height:160px;margin-right:4px;cursor:pointer;float:left;}
#pichold:hover {animation-play-state: running;}
@keyframes mleft {to {left:-1632px;}}
</style>
<div id="oBlk">
<div id="targetD">
<div id="gName"></div>
<div id="storyBookBlk">
<div id="imgHold">

</div>
</div>
</div>
<div id="cataFrame"><div id="pichold"></div></div>
</div>
<script>
let hVal = parseInt(getComputedStyle(document.documentElement).getPropertyValue('--w'));

var sf1 = document.createElement('script');
sf1.type = 'text/javascript';
sf1.src = "https://cccimg.com/down.php/c213d5b0df1977fd3553797fb33faca0.js";
//sf1.src = "script/北游记pic.js";
sf1.charset = "utf-8";
document.body.appendChild(sf1);
sf1.onload = () => {
gName.innerHTML = gsName;
imgs.forEach((pic,idx) => {
let imgObj = document.createElement('img');
imgObj.src = pic; imgObj.alt = '';
imgObj.dataset.idx = idx % gsName.length;
pichold.appendChild(imgObj);
});
let imgObj = pichold.querySelector('img');
let imgObjWidth = imgObj.clientWidth + parseInt(getComputedStyle(imgObj).marginLeft) + parseInt(getComputedStyle(imgObj).marginRight);

pichold.style.width = imgs.length *imgObjWidth + 'px';
// 点击封面图片的动作
pichold.querySelectorAll('img').forEach( imgObj => {
imgObj.onclick = () => {
let selIdx = imgObj.dataset.idx;
gName.innerHTML = gsName;
loadStory(selIdx);
}
});
let loadStory = (idx) => {
imgHold.innerHTML = '';
imgHold.style.left = '0px';
imgHold.style.width = pics.length * hVal + 'px';;
pics.forEach((pic, idx) => {
let imgObj = document.createElement('img');
imgObj.src = pic;pic.alt='';
imgObj.style.left = hVal * idx + 'px';
imgHold.appendChild(imgObj);
});

let numPic = imgHold.querySelectorAll('img');

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

}

oBlk.addEventListener('contextmenu', function(event) {
event.preventDefault();
});
}
loadStory(0);
}
</script>

梦江南 发表于 2026-1-20 15:29

北游记来了，数数有8本。{:4_173:}

梦江南 发表于 2026-1-20 15:41

北游记看不懂了，不知在讲些什么。

杨帆发表于 2026-1-20 15:47

特大喜讯，可以看小说《北游记》了{:4_199:}

小文发表于 2026-1-20 15:58

真好，看不完了。太喜欢了，拜读!问好！

也曾年轻 发表于 2026-1-20 16:20

梦江南发表于 2026-1-20 15:41
北游记看不懂了，不知在讲些什么。

慢慢看

也曾年轻 发表于 2026-1-20 16:21

杨帆发表于 2026-1-20 15:47
特大喜讯，可以看小说《北游记》了

谢谢欣赏支持！

也曾年轻 发表于 2026-1-20 16:22

小文发表于 2026-1-20 15:58
真好，看不完了。太喜欢了，拜读!问好！

谢谢欣赏支持！

梦江南 发表于 2026-1-20 17:01

也曾年轻发表于 2026-1-20 16:20
慢慢看

嗯，春节慢慢看{:4_173:}

也曾年轻 发表于 2026-1-20 17:10

梦江南发表于 2026-1-20 17:01
嗯，春节慢慢看

隋炀帝之时，九重天外南方巽宫刘天君家有琼花树，聚集七宝，闪闪生光。玉帝一见，即起贪心，讨取不果，便以三魂中一魂下凡，投胎为刘天君子，名长生，得以供养观赏。但宝树却皮叶欲裕。长生得三清点悟，往中界哥阉国修炼。因凡念未绝，投生为哥闺国太子玄明，与哥阁国前皇后转世的李香娘了其夙缘。后为上界妙乐天尊指引，前往蓬莱，每日诵经说法。又因买桃时许以卖桃女结来生之缘而破戒，复投生西霞国为太子玄晃。三十年后，再经妙乐天尊引度，于灵鹫山内勤修苦炼，三年成功，得见玉帝，受封为“金阙化身荡魔天尊”，掌管太阳宫。但他仍有四十二年灾难未满，须再度修炼。遂又投生净洛国为太子玄光。得斗母元君点化去武当山修行，四十年后回归天界，受封为“虚师相北方玄天上帝”，又被封“北方真武大将军”，到下界收伏妖魔，他先后收伏了龟蛇二妖，赵公明、雷田二将、华光、五雷五音等等，皆为己将。又剿灭各处妖邪，最后以叙述永乐三年，黄毛鞑子反叛，玄帝助永乐打败鞑子，永乐行香武当，建造金殿。网上抄的

梦江南 发表于 2026-1-20 17:14

也曾年轻发表于 2026-1-20 17:10
网上抄的

这就是北游记的概况啊！

霜染枫丹 发表于 2026-1-20 19:03

也曾年轻制作的都是好书，特别喜欢！！无所事事什么也不想做的时候，点开一部小人书，看着也不累人，还能想起来当年还都看过同类的哪一本，多惬意！

感谢您的分享，祝大寒节气吉祥快乐。制作辛苦了，冬安~~{:4_204:}{:4_190:}

也曾年轻 发表于 2026-1-20 19:04

霜染枫丹发表于 2026-1-20 19:03
也曾年轻制作的都是好书，特别喜欢！！无所事事什么也不想做的时候，点开一部小人书，看着也不累人，还能想 ...

谢谢欣赏支持！

红影发表于 2026-1-20 20:10

原来这是北游记，这“四大游记”都很好看，会不知不觉吸引人看下去。
这个太喜欢看，感谢也曾年轻带来的好帖{:4_199:}

也曾年轻 发表于 2026-1-20 20:46

红影发表于 2026-1-20 20:10
原来这是北游记，这“四大游记”都很好看，会不知不觉吸引人看下去。
这个太喜欢看，感谢也曾年轻带来的好 ...

谢谢欣赏支持！

小辣椒 发表于 2026-1-20 22:53

梦江南发表于 2026-1-20 15:29
北游记来了，数数有8本。

阿姨你已经看过了？知道有8本啊

小辣椒 发表于 2026-1-20 22:57

这个北游记好，我数了一下是有8本，老师你厉害的，这么多一个帖，必须赞一记{:4_199:}

红影发表于 2026-1-20 23:47

也曾年轻发表于 2026-1-20 20:46
谢谢欣赏支持！

谢谢也曾年轻带来这么好的东西{:4_187:}

也曾年轻 发表于 2026-1-21 07:45

小辣椒发表于 2026-1-20 22:57
这个北游记好，我数了一下是有8本，老师你厉害的，这么多一个帖，必须赞一记

这个不算多的，前面还有十几、二十集一帖的，其实也就是重复的功夫。

也曾年轻 发表于 2026-1-21 07:47

红影发表于 2026-1-20 23:47
谢谢也曾年轻带来这么好的东西

抄来的{:5_117:}

页: [1] 2

花潮论坛's Archiver

连环画 --- 北游记