195400 发表于 2020-11-18 21:41

江南水乡

<!--
-->

<style type="text/css">
@import "http://cesholl.cn3v.net/style/dynPictureChg.css"
</style>
<style type="text/css">
#图片框"         {
       
}
</style>

<script type="text/javascript" >
!window.addClass && document.write('<script type="text/javascript" src="http://cesholl.cn3v.net/scripts/class_oper.js" charset="utf-8"><\/script>');
!window.dynPicInit && document.write('<script type="text/javascript" src="http://cesholl.cn3v.net/scripts/dynPictureChgr.js" charset="utf-8"><\/script>');
!window.procLRC && document.write('<script type="text/javascript" src="http://cesholl.cn3v.net/scripts/processLRC0.js" charset="utf-8"><\/script>');
</script>

<div style="width:760px;height:700px; position:relative;">
<div id="图片框" style="width:760px; height:700px;
        position:relative;
        background: skyblue;
        border:thick ridge brown;
        overflow:hidden;"></div>
<div id="showLrc" style="width:400px;height:300px;position:absolute;right:30px;bottom:10px;">
<img src="http://ku.90sjimg.com/element_origin_min_pic/00/12/91/8256aafb8407f3c.jpg" style="width:32px;overflow:hidden; border-radius:50%;" title="点击播放音乐">
</div>
</div>

<textarea id='lrcTxt' style="display:none;">
作词 : 张名河
作曲 : 孟庆云
花桥碧水弯
江堤柳丝长
微风轻吻荷塘
醉我江南水乡

竹篙轻轻点
小船入画廊
一曲丝竹小唱

醉我江南水乡

江南水乡 人间天堂
香喷喷的日子
粉嘟嘟的船娘

仿佛幽梦弥漫唐宋清香
染你一身芬芳

花桥碧水弯
江堤柳丝长
微风轻吻荷塘
醉我江南水乡

竹篙轻轻点
小船入画廊
一曲丝竹小唱
醉我江南水乡

江南水乡 人间天堂
香喷喷的日子
粉嘟嘟的船娘

仿佛幽梦弥漫唐宋清香
染你一身芬芳

花桥碧水弯
江堤柳丝长
微风轻吻荷塘
醉我江南水乡

竹篙轻轻点
小船入画廊
一曲丝竹小唱

醉我江南水乡

水乡

水乡
</textarea>

<script type="text/javascript">
var gopts = {
        //        下面3个参数是必须的！
        lrcTxtID:"lrcTxt",
        lrcShowID:"showLrc",
        audioURL:"http://music.163.com/song/media/outer/url?id=455345728.mp3",
        //        可选的参数
        gczh:'24px',
        gczt:'楷体',
        gcct:true,
        dqfs:'center',
        gcys:'blue',
        gcys1:'red',
        //-------------------------------------------------------
        showMode:0,
        gchs: 8
};

setTimeout(function(){
                procLRC(gopts);
        }, 1000);
</script>

<script type="text/javascript">
        var        picArr = [
"data/attachment/forum/202011/18/213136amu2caujan639cda.jpg",
"data/attachment/forum/202011/18/213136cgxasq1csa20exgx.jpg",
"data/attachment/forum/202011/18/213136p7s4n7vc7m0nss7n.jpg",
"data/attachment/forum/202011/18/213136allm9vs9xlxydvb5.jpg",
"data/attachment/forum/202011/18/213136c776aa6ipiyu2iqy.jpg",
"data/attachment/forum/202011/18/213136pf6mb6owuuchzyfc.jpg",
"data/attachment/forum/202011/18/213136a7qu698pr7nuqrno.jpg",
"data/attachment/forum/202011/18/213136iewiwc7vx9pfgiws.jpg",
"data/attachment/forum/202011/18/213136xmaamyrrg266nmaa.jpg",
"data/attachment/forum/202011/18/213136nmpm1pe6mr8gy1p1.jpg",
"data/attachment/forum/202011/18/213137okf4jx7zrc211bx7.jpg",
"data/attachment/forum/202011/18/213137fvp44mr2nc7ma7av.jpg",
"data/attachment/forum/202011/18/213137wplpjr0jmrypjq5q.jpg",
"data/attachment/forum/202011/18/213137bzps73ssz6so37xb.jpg",
"data/attachment/forum/202011/18/213137rr4b3tq4owdbdfd3.jpg",
"data/attachment/forum/202011/18/213137tu9pmppzmamm2ucm.jpg",
"data/attachment/forum/202011/18/213137tmnkfjvj9h98upjo.jpg",
"data/attachment/forum/202011/18/213138d5wgp5qlw3olq3r1.jpg"
];
        var opts = {
                picFrameID:'图片框',
                picturesData:picArr,
                ccccchgType:7
        };
       
        dynPicInit(opts);
</script>

诺北 发表于 2020-11-18 22:46

动态效果切换很流畅，歌词同步也做得很好，很不错

冰山-雪莲 发表于 2020-11-18 23:39

沁心的旋律轻轻环绕，缓缓飘入耳膜，是何等的美妙。。。
页: [1]
查看完整版本: 江南水乡