连环画 --- 梁红玉

也曾年轻 发表于 2026-4-4 22:05

本帖最后由也曾年轻于 2026-4-4 22:02 编辑 <br /><br /><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:80px auto 40px 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;}
#gName {font:bold 2.5em 隶书;color:brown;margin:12px;}
#pichold {height:160px;position:absolute;left:0px;top:0px;margin-top:5px;animation: mleft 24s 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/c480595be99f6146db4f0787fb5ea903.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-4-4 23:15

这本连环画的形式有了变化。梁红玉的故很有正能量，巾帼不让须眉。感谢也曾年轻的分享。晚上好！{:4_204:}{:4_190:}

也曾年轻 发表于 2026-4-5 07:33

霜染枫丹发表于 2026-4-4 23:15
这本连环画的形式有了变化。梁红玉的故很有正能量，巾帼不让须眉。感谢也曾年轻的分享。晚上好！{ ...

谢谢欣赏支持！早上好！

这套小人书每本的页数不多且集数也少就做一个帖行了。

梦江南 发表于 2026-4-5 08:24

啊，这套梁红玉连环画是要用港币的，10元8册。

梦江南 发表于 2026-4-5 08:26

只知道梁红玉击鼓抗金兵，不知道还有这么多故事。谢谢老师，分享了。{:4_187:}

红影发表于 2026-4-5 11:00

这个还是整套的连环画故事呢，好看，太好看了。
梁红玉女中豪杰，韩世忠也是条汉子。宋朝皇帝没什么骨气，国内却不乏铁骨铮铮的汉子，看韩世忠把大江拦了，挡住金人的归路，觉得太过瘾了{:4_199:}

也曾年轻 发表于 2026-4-5 11:55

梦江南发表于 2026-4-5 08:24
啊，这套梁红玉连环画是要用港币的，10元8册。

不知是哪年出版的，相当于一块多钱一本。

也曾年轻 发表于 2026-4-5 11:56

梦江南发表于 2026-4-5 08:26
只知道梁红玉击鼓抗金兵，不知道还有这么多故事。谢谢老师，分享了。

谢谢欣赏支持！中午好！

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

红影发表于 2026-4-5 11:00
这个还是整套的连环画故事呢，好看，太好看了。
梁红玉女中豪杰，韩世忠也是条汉子。宋朝皇帝没什么骨气， ...

谢谢欣赏支持！中午好！

红影发表于 2026-4-5 12:39

也曾年轻发表于 2026-4-5 12:04
谢谢欣赏支持！中午好！

趁着休息，把8本都看完了，宋军以少胜多，这场战争赢得太漂亮了。

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

红影发表于 2026-4-5 12:39
趁着休息，把8本都看完了，宋军以少胜多，这场战争赢得太漂亮了。

每本页数适中，全套集数也不多，花费不长的时间就能看完。

小辣椒 发表于 2026-4-5 13:42

我总感觉以前古时候的人穿的衣服都是那么的大，头上也是包着一块布，现在看不到这种装饰了，只有戏里面才可以看见{:4_173:}

小辣椒 发表于 2026-4-5 13:42

感谢老师分享{:4_187:}

也曾年轻 发表于 2026-4-5 14:42

小辣椒发表于 2026-4-5 13:42
我总感觉以前古时候的人穿的衣服都是那么的大，头上也是包着一块布，现在看不到这种装饰了，只有戏里面才可 ...

这样的装束想象的成分多一些。

也曾年轻 发表于 2026-4-5 14:43

小辣椒发表于 2026-4-5 13:42
感谢老师分享

谢谢欣赏支持！下午好！

梦江南 发表于 2026-4-5 15:03

也曾年轻发表于 2026-4-5 11:55
不知是哪年出版的，相当于一块多钱一本。
不知道是什么出版社出版的要用港币?

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

梦江南发表于 2026-4-5 15:03
不知道是什么出版社出版的要用港币?

第二页上有啊，香港海鸥出版社

梦江南 发表于 2026-4-5 15:17

也曾年轻发表于 2026-4-5 15:15
第二页上有啊，香港海鸥出版社

哦，看到了。

红影发表于 2026-4-5 20:34

也曾年轻发表于 2026-4-5 12:43
每本页数适中，全套集数也不多，花费不长的时间就能看完。

是的，而且内容精彩，也很吸引人看下去。

也曾年轻 发表于 2026-4-5 21:05

红影发表于 2026-4-5 20:34
是的，而且内容精彩，也很吸引人看下去。

不费脑筋

页: [1] 2

花潮论坛's Archiver

连环画 --- 梁红玉