195400 发表于 2021-10-3 07:13

雄鹰翱翔 发表于 2021-10-2 15:37
欣赏您的精美佳作,赞一个!

http://www.yinhuabbs.cn/data/attachment/forum/201912/21/084215njp5lwls4o0j7pno.gif

寒冬残荷 发表于 2021-10-3 20:25

机子太差劲,几次打开都看不到东西,现终于看到画面了。欣赏老师的精美佳节作!JS我是学不会的,什么函数、条件语句呀等等,看不明白:lol

195400 发表于 2021-10-3 20:45

寒冬残荷 发表于 2021-10-3 20:25
机子太差劲,几次打开都看不到东西,现终于看到画面了。欣赏老师的精美佳节作!JS我是学不会的,什么函数、 ...

与《缘分尽了干脆就分手》用到的js相比就不值一提:L

寒冬残荷 发表于 2021-10-3 20:47

195400 发表于 2021-10-1 09:24
这帖的图片就存在帖子里,有90幅之多。

厉害!佩服!老师真有耐心!上传了90张图片到这里并获取90张图片的地址!{:1_293:}{:1_293:}{:1_293:}

195400 发表于 2021-10-3 21:06

寒冬残荷 发表于 2021-10-3 20:47
厉害!佩服!老师真有耐心!上传了90张图片到这里并获取90张图片的地址!
其实很简单, 上传图片到帖子里,然后从帖子源代码中就可以获得图片的地址。每幅图片的代码都是如下形式


删除多余的代码,做下替换需要的地址就得到了。多张图片也就是多次的删除或替换。

寒冬残荷 发表于 2021-10-3 22:39

195400 发表于 2021-10-3 20:45
与《缘分尽了干脆就分手》用到的js相比就不值一提

哈哈,老师,那个是改用网上的。在网上看到的几段代码,拿来拼的。我是想修改哪一部分,就仔细揣测那一部份的代码,然后修改的。:lol

195400 发表于 2021-10-4 11:43

寒冬残荷 发表于 2021-10-3 22:39
哈哈,老师,那个是改用网上的。在网上看到的几段代码,拿来拼的。我是想修改哪一部分,就仔细揣测那一部 ...

能搞懂部分也就能搞懂全部,这逻辑对吧。

寒冬残荷 发表于 2021-10-4 19:49

195400 发表于 2021-10-4 11:43
能搞懂部分也就能搞懂全部,这逻辑对吧。

老师,您的这个逻辑对我真的不适用。我套用您的作品制作的那些东西,我是真的没有搞懂您的全部知识。同样,网上得来的代码,我也是在线测试,根据测试结果,想改动哪些,我就在代码中找到对应的来修改。如《缘分尽了干脆就分手》是网上得的三个JS插件:背景、播放器、打字机。我测试了好几天。播放器和打字机揣测修改花的时间最多。

195400 发表于 2021-10-4 20:32

寒冬残荷 发表于 2021-10-4 19:49
老师,您的这个逻辑对我真的不适用。我套用您的作品制作的那些东西,我是真的没有搞懂您的全部知识。同样 ...


<div style="color:blue; letter-spacing:4px; width:70%;margin:12px auto;height:auto !import;min-height:48px;border:thin brown dotted;font:bold 2em 宋体;" id="txtHold"></div>

<script type="text/javascript">
var contents = [" 打字机模仿比较容易,背景和播放器模仿有难度。",
" 人心善变,感情无常,缘分已尽,适时放手。陈瑞2021年9月28日发行了一首《缘分尽了干脆就分手》歌曲,深情的歌声,唱出了多少人的心痛与无奈!"];
var txtHold = document.querySelector('#txtHold');
txtHold.innerHTML = '';
var glen = contents.length;
var cIdx = 0;
var gIdx = 0;
var strlen = contents.length;

function typeWriter()        {
        txtHold.innerHTML = contents.substr(0, cIdx+1);
        cIdx++;
        if(cIdx > strlen)        {
                txtHold.innerHTML = '';
                cIdx = 0;
                gIdx++; gIdx %= glen;
                strlen = contents.length;
                setTimeout(typeWriter, 1000);
        }
        else        {
                setTimeout(typeWriter, 500);
        }
       
}


setTimeout(typeWriter, 1000);

</script>
页: 1 [2]
查看完整版本: 秋天是一幅画 秋天是一首歌