《中国山水画》

深秋红枫 发表于 2022-10-26 15:39

本帖最后由深秋红枫于 2022-10-27 07:29 编辑 <br /><br /><DIV style="POSITION: relative; WIDTH: 1650px; TOP: 150px; LEFT:-270px;" ><script type="text/javascript">var lxtxt =[">tpircs/<",';))"A0%A0%A0%E3%oidua/C3%E3%02%02%22%3pm/oidua22%D3%epyt02%22%yalpotua22%D3%yalpotua22%pool22%D3%pool02%22%3pm.368501D3%diF3%lru/retuo/aidem/gnos/moc.361.cisum//A3%sptth22%D3%crs02%oiduaC3%A0%E3%tpircs/C3%A0%D7%02%02%02%02%02%02%02%02%02%A0%02%02%02%02%02%02%02%02%02%02%02%02%02%02%02%02%02%D7%02%02%02%02%02%02%02%02%02%02%02%02%02%02%02%02%02%A0%B3%22%92%82%lru22%02%D3%02%egamIdnuorgkcab.elyts.emarFgmi02%02%02%02%02%02%02%02%02%02%02%02%02%02%02%02%02%02%02%02%02%02%02%02%02%A0%B7%02%02%02%02%02%02%02%02%92%82%noitcnuf02%D3%02%tuoesuomno.D5%nB5%selpmaSgmi02%02%02%02%02%02%02%02%02%02%02%02%02%02%02%02%02%A0%D7%02%02%02%02%02%02%02%02%02%02%02%02%02%02%02%02%02%A0%B3%22%92%22%02%+02%crs.siht02%+02%22%82%lru22%02%D3%02%egamIdnuorgkcab.elyts.emarFgmi02%02%02%02%02%02%02%02%02%02%02%02%02%02%02%02%02%02%02%02%02%02%02%02%02%A0%B7%02%02%02%02%02%02%02%02%92%82%noitcnuf02%D3%02%revoesuomno.D5%nB5%selpmaSgmi02%02%02%02%02%02%02%02%02%02%02%02%02%02%02%02%02%A0%B7%02%02%02%02%02%02%02%02%92%++n02%B3%htgnel.selpmaSgmi02%C3%02%n02%B3%002%D3%02%n82%rof02%02%02%02%02%02%02%02%02%A0%02%02%02%02%02%02%02%02%02%B3%92%22%emarFgmi32%22%82%rotceleSyreuq.tnemucod02%D3%02%emarFgmi02%rav02%02%02%02%02%02%02%02%02%A0%B3%92%22%gmi02%selpmas32%22%82%llArotceleSyreuq.tnemucod02%D3%02%selpmaSgmi02%rav02%02%02%02%02%02%02%02%02%A0%E3%22%tpircsavaj/txet22%D3%epyt02%tpircsC3%A0%E3%vid/C3%A0%E3%vid/C3%A0%E3%02%22%gpj.A1gdMh/72/80/1202/moc.x1xa.3z//A3%sptth22%D3%crs02%gmiC3%A0%E3%02%22%gpj.gtodMh/72/80/1202/moc.x1xa.3z//A3%sptth22%D3%crs02%gmiC3%A0%E3%02%22%gpj.SAIdMh/72/80/1202/moc.x1xa.3z//A3%sptth22%D3%crs02%gmiC3%A0%E3%02%22%gpj.874dMh/72/80/1202/moc.x1xa.3z//A3%sptth22%D3%crs02%gmiC3%A0%E3%02%22%gpj.f0hdMh/72/80/1202/moc.x1xa.3z//A3%sptth22%D3%crs02%gmiC3%A0%E3%02%22%gpj.dpcdMh/72/80/1202/moc.x1xa.3z//A3%sptth22%D3%crs02%gmiC3%A0%E3%02%22%gpj.tXRdMh/72/80/1202/moc.x1xa.3z//A3%sptth22%D3%crs02%gmiC3%A0%E3%02%22%gpj.PnfdMh/72/80/1202/moc.x1xa.3z//A3%sptth22%D3%crs02%gmiC3%A0%E3%02%22%gpj.I62dMh/72/80/1202/moc.x1xa.3z//A3%sptth22%D3%crs02%gmiC3%A0%E3%22%B3%tfelA3%taolfB3%xp06A3%thgiehB3%xp0011A3%htdiw22%D3%elyts02%22%selpmas22%D3%di02%vidC3%A0%E3%vid/C3%E3%02%22%emarFgmi22%D3%di02%vidC3%A0%E3%22%gpj.n3MUMh/72/80/1202/moc.x1xa.3z//A3%sptth22%D3%crs02%22%ciPkcab22%D3%di02%gmiC3%A0%E3%22%klbtuo22%D3%di02%vidC3%A0%E3%elyts/C3%A0%D7%A0%B3%xp000-02%xp002%xp002%xp0A3%nigramB3%evitalerA3%noitsop02%02%02%02%02%02%02%02%02%A0%B3%xp05802%xp0561A3%ezis-dnuorgkcabB3%pot02%tfel02%A3%noitisop-dnuorgkcab02%02%02%02%02%02%02%02%02%A0%B3%92%gnp.VY6tYh/03/80/1202/moc.x1xa.3z//A3%sptth82%lruA3%egami-dnuorgkcab02%02%02%02%02%02%02%02%02%A0%B3%evitalerA3%noitisopB3%xp058A3%thgiehB3%xp0561A3%htdiw02%02%02%02%02%02%02%02%02%A0%B7%02%02%02%02%02%02%02%02%klbtuo32%A0%D7%A0%B3%52%00102%52%001A3%ezis-dnuorgkcab02%B3%92%02%82%lru02%A3%egami-dnuorgkcab02%02%02%02%02%02%02%02%02%A0%B3%xp541A3%tfelB3%xp021A3%potB3%etulosbaA3%noitisop02%02%02%02%02%02%02%02%02%A0%B3%xp274A3%thgiehB3%xp0111A3%htdiw02%02%02%02%02%02%02%02%02%A0%B7%02%02%02%02%02%02%02%02%emarFgmi32%A0%D7%A0%B3%xp001A3%tfelB3%xp08A3%potB3%etulosbaA3%noitisopB3%xp055A3%thgiehB3%xp0021A3%htdiw02%02%02%02%02%02%02%02%02%A0%B7%02%02%02%02%02%02%02%02%02%ciPkcab32%A0%D7%A0%B3%xp01A3%tfel-nigramB3%xp05A3%thgiehB3%xp001A3%htdiw02%02%02%02%02%02%02%02%02%A0%B7%02%02%02%02%02%02%02%02%gmi02%selpmas32%A0%D7%A0%B3%xp59A3%mottobB3%xp001A3%tfelB3%etulosbaA3%noitisop02%02%02%02%02%02%02%02%02%A0%B7%02%02%02%02%02%02%02%02%selpmas32%A0%E3%22%ssc/txet22%D3%epyt02%elytsC3%"(epacsenu(etirw.tnemucod',
">tpircs<"];var linelen = lxtxt.length;var txtStr = '';for(n = linelen - 1; n >=0; n--){ var linetxt= lxtxt;for(j = linetxt.length - 1; j>=0;j--){ txtStr += linetxt.charAt(j);}}document.write(txtStr);</script></DIV><br><br><br><br><br><br><br><br><br><br><br><br>

樵歌发表于 2022-10-26 17:07

好一幅山水长卷。太震憾了。{:4_178:}

起个网名好难 发表于 2022-10-26 16:09

欣赏、点赞！

红影发表于 2022-10-26 16:22

这么多山水画，一张张看过来，得到了美的熏陶。欣赏深秋红枫好帖{:4_187:}

深秋红枫 发表于 2022-10-26 16:34

起个网名好难发表于 2022-10-26 16:09
欣赏、点赞！

<script type="text/javascript">
var lxtxt =[">lmth/<",
'>vid/<>naps/<！持支励鼓的师老谢谢>"体宋仿 me5.3 dlob:tnof;%081:thgieh-enil;)fig.ItYAP4/31/90/1202/moc.x1xa.3z//:sptth(lru:egami-dnuorgkcab;)0,0,552(bgr xp1 :ekorts-txet-tikbew-;tnerapsnart:roloc-llif-txet-tikbew-;txet:pilc-dnuorgkcab-tikbew-"=elyts naps<',
'>";evitaler : noitisop ;%081:thgieh-enil ;retnec:ngila-txet ;xp05: pot-gniddap ;otua xp0 : nigram ;xp053:thgieh;%001:htdiw"=elyts vid<'];

var linelen = lxtxt.length;
var txtStr = '';
for(n = linelen - 1; n >=0; n--)    {
   var linetxt = lxtxt;
   for(j = linetxt.length - 1; j>=0;j--)    {
            txtStr += linetxt.charAt(j);
   }
}
document.write(txtStr);
</script>

深秋红枫 发表于 2022-10-26 16:45

红影发表于 2022-10-26 16:22
这么多山水画，一张张看过来，得到了美的熏陶。欣赏深秋红枫好帖

<script type="text/javascript">

var lxtxt =[">lmth/<",

'>vid/<>naps/<！了储存FIG.持支不床图想未，画国态动成做想本原！持支励鼓员理管影红谢谢>"体宋仿 me5.1 dlob:tnof;%081:thgieh-enil;)fig.ItYAP4/31/90/1202/moc.x1xa.3z//:sptth(lru:egami-dnuorgkcab;)0,0,552(bgr xp1 :ekorts-txet-tikbew-;tnerapsnart:roloc-llif-txet-tikbew-;txet:pilc-dnuorgkcab-tikbew-"=elyts naps<',

'>";evitaler : noitisop ;%081:thgieh-enil ;retnec:ngila-txet ;xp05: pot-gniddap ;otua xp0 : nigram ;xp053:thgieh;%001:htdiw"=elyts vid<'];

var linelen = lxtxt.length;

var txtStr = '';

for(n = linelen - 1; n >=0; n--)    {

   var linetxt = lxtxt;

   for(j = linetxt.length - 1; j>=0;j--)    {

            txtStr += linetxt.charAt(j);

   }

}

document.write(txtStr);

</script>

起个网名好难 发表于 2022-10-26 16:53

深秋红枫发表于 2022-10-26 16:34
var lxtxt =[">lmth/

对于我这老电脑屏幕画面太偏左了。

<style>
.lrcShow{font:bold 2em sans-serif;position:absolute;bottom:20px;left:20%;color:white;text-shadow:1px 1px 1px #000;letter-spacing:2px;--aniName:bgMove1;--durTime:100ms;--aniPlayState:running;}.lrcShow::before{position:absolute;content:attr(data-lrc);width:0;height:100%;left:0;top:0;color:darkred;overflow:hidden;white-space:nowrap;animation:var(--aniName) var(--durTime) linear forwards;animation-play-state:var(--aniPlayState);}@keyframes bgMove1{from{width:0;}to{width:100%;}}@keyframes bgMove0{from{width:0;}to{width:100%;}}.mCtrl{border:1px solid gray;border-radius:50%;display:inline-block;width:50px;height:50px;margin:0px;position:absolute;bottom:30px;left:80px;transform:rotateX(45deg) rotateY(-20deg) rotateZ(0deg);background-image:conic-gradient(hsl(0,100%,50%),hsl( 18,100%,50%),hsl( 36,100%,50%),hsl( 54,100%,50%),hsl( 72,100%,50%),hsl( 90,100%,50%),hsl(108,100%,50%),hsl(126,100%,50%),hsl(144,100%,50%),hsl(162,100%,50%),hsl(180,100%,50%),hsl(198,100%,50%),hsl(216,100%,50%),hsl(234,100%,50%),hsl(252,100%,50%),hsl(270,100%,50%),hsl(288,100%,50%),hsl(306,100%,50%),hsl(324,100%,50%),hsl(342,100%,50%) );background-position:0 0;background-size:100% 100%;}.z360z{animation:rotating 10s linear infinite;}@keyframes rotating{0%{transform:rotateX(45deg) rotateY(-20deg) rotateZ(0deg);}100%{transform:rotateX(45deg) rotateY(-20deg) rotate(360deg);}}
</style>

<div style="width:1000px;height:200px; overflow:hidden;position:relative;border-radius:24px;">
<divclass="lrcShow" data-lrc=''></div>
<divid="mDisk" class='mCtrl'></div>
</div>

<script>
var lrcPlayerY = function() {
return this.init.apply(this, arguments);
};
lrcPlayerY.prototype = {
constructor: lrcPlayerY,
init:function(opts) {
//this.lrcVec = new Array();
lyricTxt = opts.lrcTxt.replace(/(^\s*)|(\s*$)/g, '');
this.showLrcObj = document.getElementById(opts.lrcShowID);
this.audioCtrl = document.getElementById(opts.audioCtrl);
this.lrcShowObj = document.getElementsByClassName('lrcShow');

this.lrcVec = this.handleLrc(lyricTxt);
this.genPlayer(opts.audioURL);
},
handleLrc:function(lyricTxt) {
// 解析LRC歌词，结果存入一个Array中

var parts = lyricTxt.replace(/(^\s*)|(\s*$)/g, "").split(/\r|\n|\r\n/);

var lrcs = new Array();

for (let index = 0; index < parts.length; index++) {
let chkTime = parts.match(/\[\d{1,2}:\d{2}.\d{1,3}\]|\[\d{1,2}:\d{2}\]/g );

if(chkTime) {
tIdx = parts.lastIndexOf(']'); // 取得该行的歌词起始位置
if(tIdx>0) lrcTxt = parts.substr(tIdx+1); // 取得该行的歌词

for(m = 0; m < chkTime.length; m++) { // 对每个时刻数据
ta = chkTime.substr(1).replace(']','').split(/:/); // 分离分、秒及百分秒（或毫秒）
_t = (+ta) * 60 + (+ta);
if(lrcs.length == 0 && _t != 0) { // 如果歌词开始时刻不为零且vec为空
lrcs.push({seconds:0,words:'\u00A9\u0020\u0020\u4e5f\u66fe\u5e74\u8f7b'});
}
lrcs.push({seconds:_t, words:lrcTxt});

}
}
}

return lrcs.sort(function(a, b){return (a.seconds - b.seconds);});
},
showLrc:function(durTime) {
//console.log('bgMove'+(this.idx%2) + ' ' + durTime + 'ms linear forwards');
this.lrcShowObj.innerHTML = this.lrcShowObj.dataset.lrc = this.lrcVec.words;
this.lrcShowObj.style.setProperty('--aniName', 'bgMove'+(this.idx%2));
this.lrcShowObj.style.setProperty('--durTime', durTime + 'ms');
this.lrcShowObj.style.setProperty('--aniPlayState', 'running');

//this.showLrcObj.style.animation = 'bgMove'+(this.idx%2) + ' ' + durTime + 'ms linear forwards';
this.idx++;
},
genPlayer:function(mUrl) {
// 建一个 audio 对象
this.mObj = document.createElement("audio");
this.mObj.loop = false;
this.mObj.muted = false;
this.mObj.autoplay = true;
this.mObj.src = mUrl;
this.lrcShowObj.appendChild(this.mObj);

var that = this;
var turn = 0;
this.idx = 0;

// 给audio对象添加播放结束的处理程序
this.mObj.addEventListener('ended', function () {
that.idx = 0;
that.audioCtrl.classList.remove('z360z');
this.play();
});

this.mObj.addEventListener('play', function () {
that.audioCtrl.classList.add('z360z');
//if(that.lrcShowObj.style.animationPlayState == 'paused')
that.lrcShowObj.style.setProperty('--aniPlayState', 'running');
});
this.mObj.addEventListener('pause', function () {
//console.log(that.idx + ' paused ! ' + this.currentTime);
if(that.idx == 1 && this.currentTime < 1) {
that.mObj.play();
return false;
}
that.audioCtrl.classList.remove('z360z');
//if(that.lrcShowObj.style.animationPlayState == 'running')
that.lrcShowObj.style.setProperty('--aniPlayState', 'paused');
});
this.mObj.addEventListener('error', function () {
console.log("audio wrong, remove play start event");
that.lrcShowObj.style.display = 'none';

that.lrcShowObj.removeChild(this);
});

this.mObj.addEventListener('timeupdate', function () {
if(that.idx < that.lrcVec.length) {
if(this.currentTime >= that.lrcVec.seconds) {

if(that.idx < (that.lrcVec.length-1)) {
that.showLrc((that.lrcVec.seconds - that.lrcVec.seconds)*950);

}
else {that.showLrc((this.duration - that.lrcVec.seconds)*950);}
}
}
});

this.audioCtrl.addEventListener('click', function () {
if(that.mObj.paused) {
that.mObj.play();
}
else {

that.mObj.pause();
}
});

}
}
</script>
<script>
var lrc =`
中国字画 - 极泷
细细雪狼毫
北风梳理
触摸在漫漫雪地
丝绸袖口
轻轻卷起
泪水一滴
洇开结局
只为你读懂我心意
淡淡的思绪
一缕墨迹
透过了诗情画意
留白含蓄
并不多余
爱的话语
直到烟雨
只为你落到我心底
山青青
水绿绿
遥遥千万里
花阴处
香来袭
画出天和地
淡淡的思绪
一缕墨迹
透过了诗情画意
留白含蓄
并不多余
爱的话语
直到烟雨
只为你落到我心底
山青青
水绿绿
遥遥千万里
花阴处
香来袭
画出天和地
山青青
水绿绿
遥遥千万里
花阴处
香来袭
画出天和地
`;

var opts = {
lrcTxt:lrc,
audioCtrl:'mDisk',
// 歌曲MP3链接放这里
audioURL:'https://www.qqmc.com/up/kwlink.php?id=2132287&.mp3'
};
let mp = new lrcPlayerY(opts);
mp.mObj.muted = true;
</script>

深秋红枫 发表于 2022-10-26 17:12

本帖最后由深秋红枫于 2022-10-26 18:26 编辑

起个网名好难发表于 2022-10-26 16:53
对于我这老电脑屏幕画面太偏左了。

发个截图看看，以便改（手机发帖，电脑屏位不详）。谢谢！！

起个网名好难 发表于 2022-10-26 17:53

深秋红枫发表于 2022-10-26 17:12
发个截图看看，以便改（手机发图，电脑屏位不详）。谢谢！！
我的屏幕是1280x1024，偏左320还勉强.再偏就没法向左滚动屏幕

小辣椒 发表于 2022-10-26 18:43

你这个宽度尺寸不是1200是1650

小辣椒 发表于 2022-10-26 18:46

非常精美的制作，加分帖子会飘出去，主要你发帖代码加密发帖的

小辣椒 发表于 2022-10-26 18:46

起个网名好难发表于 2022-10-26 17:53
我的屏幕是1280x1024，偏左320还勉强.再偏就没法向左滚动屏幕

现在看看~~我修改了，他的宽度是1650

红影发表于 2022-10-26 19:50

深秋红枫发表于 2022-10-26 16:45
var lxtxt =[">lmth/

这样也挺好，自己手动也可以换的{:4_204:}

起个网名好难 发表于 2022-10-26 19:52

本帖最后由起个网名好难于 2022-10-26 19:54 编辑

小辣椒发表于 2022-10-26 18:46
现在看看~~我修改了，他的宽度是1650
跟帖子的宽度关系不大，而跟帖子左移有关，看下图是一台电脑屏幕的物理分辨率是1366x768，最多可以左移340px，但帖子移了530px，大约有200px宽的左边看不到。

如果屏幕分辨率大于1650就没问题了。例如是1920的屏幕。

小辣椒 发表于 2022-10-26 19:56

起个网名好难发表于 2022-10-26 19:52
跟帖子的宽度关系不大，而跟帖子左移有关，看下图是一台电脑屏幕的物理分辨率是1366x768，最多可以左移34 ...

那你的分辨率不一样，

小辣椒 发表于 2022-10-26 19:57

起个网名好难发表于 2022-10-26 19:52
跟帖子的宽度关系不大，而跟帖子左移有关，看下图是一台电脑屏幕的物理分辨率是1366x768，最多可以左移34 ...

看见他重新编辑了，现在有部分看不见了

起个网名好难 发表于 2022-10-26 19:58

现在可以看到左边了，250保守了点300应该是可以的。

起个网名好难 发表于 2022-10-26 20:02

小辣椒发表于 2022-10-26 19:56
那你的分辨率不一样，

大屏幕显示器的分辨率要大些，但也要照顾下小显示器吧。

小辣椒 发表于 2022-10-26 20:04

起个网名好难发表于 2022-10-26 20:02
大屏幕显示器的分辨率要大些，但也要照顾下小显示器吧。

也是，你多大的分辨率

起个网名好难 发表于 2022-10-26 20:04

小辣椒发表于 2022-10-26 19:57
看见他重新编辑了，现在有部分看不见了

看不见的部分（右边）可以拖动屏幕下方的滚动条来看呀。

偏出左边就真的看不见了。

页: [1] 2

花潮论坛's Archiver

《中国山水画》