中畫網

標題: 代碼音畫：《唯美花間蝶舞翩翩》 [打印本頁]

作者: 紅楓 時間: 2021-10-9 14:32
標題: 代碼音畫：《唯美花間蝶舞翩翩》

作者: 靜竹. 時間: 2021-10-9 14:56
老師的代碼音畫制作很精彩！欣賞點贊！

作者: 紅楓 時間: 2021-10-9 15:16

靜竹. 發表于 2021-10-9 14:56 老師的代碼音畫制作很精彩！欣賞點贊！

作者: 195400 時間: 2021-10-9 16:16

作者: 紅楓 時間: 2021-10-9 16:26

195400 發表于 2021-10-9 16:16

作者: 195400 時間: 2021-10-9 16:27

紅楓發表于 2021-10-9 16:26
var lxtxt =[">lmth/

又有CSS動畫又有SVG動畫，花樣蠻多啊

作者: 紅楓 時間: 2021-10-9 16:37

195400 發表于 2021-10-9 16:27
又有CSS動畫又有SVG動畫，花樣蠻多啊

或許是特效互補吧。純是瞎琢磨，只是為使音畫效果更好些。

作者: 西椅子胡同 時間: 2021-10-9 17:32
畫面非常漂亮，音樂很是動聽，好創意，好制作，贊！

作者: 紅楓 時間: 2021-10-9 18:40

西椅子胡同發表于 2021-10-9 17:32 畫面非常漂亮，音樂很是動聽，好創意，好制作，贊！

作者: 195400 時間: 2021-10-9 19:10

紅楓發表于 2021-10-9 16:37 或許是特效互補吧。純是瞎琢磨，只是為使音畫效果更好些。

仿制一個純SVG的

作者: 紅楓 時間: 2021-10-9 19:54

195400 發表于 2021-10-9 19:10
仿制一個純SVG的

待下載后學習學習！謝謝！！

作者: 195400 時間: 2021-10-9 20:14

紅楓發表于 2021-10-9 19:54
待下載后學習學習！謝謝！！

條條道路通羅馬，用什么方法能實現都行。
SVG有可以任意縮放大小的特點，用其它方法是不是也行可以試試。

作者: 綠地水池 時間: 2021-10-9 23:30
欣賞佳作，為你點贊。

作者: 雄鷹翱翔 時間: 2021-10-10 04:24
欣賞您的佳作，贊一個！

作者: 紅楓 時間: 2021-10-10 07:13

綠地水池發表于 2021-10-9 23:30 欣賞佳作，為你點贊。

作者: 紅楓 時間: 2021-10-10 07:17

雄鷹翱翔發表于 2021-10-10 04:24 欣賞您的佳作，贊一個！

作者: 月兒圓 時間: 2021-10-10 09:28
欣賞老師大美音畫

作者: 綠地水池 時間: 2021-10-10 14:03

紅楓發表于 2021-10-10 07:13
var lxtxt =[">lmth/

紅楓朋友下午好。

作者: 195400 時間: 2021-10-10 18:12

紅楓發表于 2021-10-10 16:53 195400 老師，請查收！

就是上傳到這里的“公共上傳”，代碼沒改動。背景音樂沒響，如果略作改動應該是可以響的。

作者: 195400 時間: 2021-10-10 18:24
音樂在外也放了一份，于是就響了。

作者: 紅楓 時間: 2021-10-10 19:27

195400 發表于 2021-10-10 18:12
就是上傳到這里的“公共上傳”，代碼沒改動。背景音樂沒響，如果略作改動應該是可以響的。

真是怪事，此音畫我上傳在公共上傳里幾次了，論壇里就是顯不了換翻頁效果及圖片，怎到您手就行了呢？！您老無愧是高手，連論壇也服您啊！！

作者: 寒冬殘荷 時間: 2021-10-10 22:08
精美音畫！欣賞學習！

作者: 寒冬殘荷 時間: 2021-10-10 22:18

195400 發表于 2021-10-10 18:12
就是上傳到這里的“公共上傳”，代碼沒改動。背景音樂沒響，如果略作改動應該是可以響的。

還是JS制作的漂亮，圖片切換靈活多樣……

作者: 紅楓 時間: 2021-10-11 08:15

寒冬殘荷發表于 2021-10-10 22:18 還是JS制作的漂亮，圖片切換靈活多樣……

謝謝老師欣賞點贊！
此作品換畫形式與效果更有特色。

作者: 195400 時間: 2021-10-11 09:32

紅楓發表于 2021-10-10 19:27
真是怪事，此音畫我上傳在公共上傳里幾次了，論壇里就是顯不了換翻頁效果及圖片，怎到您手就行了呢？！您 ...

我只是試一下沒想就成了

作者: 195400 時間: 2021-10-11 09:42

寒冬殘荷發表于 2021-10-10 22:18
還是JS制作的漂亮，圖片切換靈活多樣……

太高看SVG了它只是html里的一個特殊點的標簽，而網頁的三部分是css、html和js，三者結合才能出漂亮的網頁。

再說了，才接觸SVG不久（我看到的第一個SVG帖子是《西椅子胡同》網友的《江南風情》）只能說懂點皮毛，做不出漂亮的動態畫面只能是功力不夠，情有可原

作者: 寒冬殘荷 時間: 2021-10-11 10:17

紅楓發表于 2021-10-11 08:15
謝謝老師欣賞點贊！
此作品換畫形式與效果更有特色。

還是JS厲害，喜歡JS的作品。可惜本人學不會。

作者: 寒冬殘荷 時間: 2021-10-11 10:18

195400 發表于 2021-10-11 09:42
太高看SVG了它只是html里的一個特殊點的標簽，而網頁的三部分是css、html和js，三者結合才能出漂亮的網頁 ...

還是JS厲害，喜歡JS的作品。可惜本人學不會。

作者: 寒冬殘荷 時間: 2021-10-11 10:18

作者: 寒冬殘荷 時間: 2021-10-11 10:20
真的是好美的畫面！本人很喜歡這樣的圖片切換的方式，不喜歡淡入淡出的。

作者: 195400 時間: 2021-10-11 10:40
這是直接貼的代碼，沒用空間帖的形式。與微信相關的js省略了。

作者: 195400 時間: 2021-10-11 10:49

寒冬殘荷發表于 2021-10-11 10:18
還是JS厲害，喜歡JS的作品。可惜本人學不會。

網上找現成的js庫，只了解用法不用關心其原理。

作者: 紅楓 時間: 2021-10-11 12:16

195400 發表于 2021-10-11 10:49
網上找現成的js庫，只了解用法不用關心其原理。

我還有一個類似的，是兩個圖片同時出現隨機疊放及替換。效果也不錯（也是微信卡娃相冊APP剝取的）。過些天整理一下發上來看看。

作者: 寒冬殘荷 時間: 2021-10-11 16:38
我怎么點某一樓的“回復“沒有反映呢？

作者: 寒冬殘荷 時間: 2021-10-11 16:39
”網上找現成的js庫，只了解用法不用關心其原理。“——我現在用的JS代碼都是網上找來的。

作者: 紅楓 時間: 2021-10-11 17:07
可能是個人之間回復頻繁，被論壇屏蔽回復按鈕了。

作者: 寒冬殘荷 時間: 2021-10-11 19:13

作者: 寒冬殘荷 時間: 2021-10-11 19:20

”網上找現成的js庫，只了解用法不用關心其原理。“——照搬或套用我還是會的^-^。小時候讀書做作業都是看例題做的。

網站連表情也屏蔽？

作者: 195400 時間: 2021-10-11 20:15

寒冬殘荷發表于 2021-10-11 19:20
”網上找現成的js庫，只了解用法不用關心其原理。“——照搬或套用我還是會的^-^。小時候讀書做作業都是 ...

31樓和37樓大量id相同，也許是導致整個第4頁的回復按鈕失靈的原因，31樓注釋掉后正常了。

作者: 寒冬殘荷 時間: 2021-10-11 20:22

195400 發表于 2021-10-11 20:15
31樓和37樓大量id相同，也許是導致整個第4頁的回復按鈕失靈的原因，31樓注釋掉后正常了。

原來如此！老師高手！

作者: 195400 時間: 2021-10-11 21:14
31樓搬到41樓看看表現是否正常

作者: 寒冬殘荷 時間: 2021-10-12 14:28
不正常，這一頁和昨天第4頁一樣了。是你的代碼中有什么問題吧？現第4頁正常的，說明我的代碼沒問題。

作者: 寒冬殘荷 時間: 2021-10-12 14:30

195400 發表于 2021-10-11 20:15
31樓和37樓大量id相同，也許是導致整個第4頁的回復按鈕失靈的原因，31樓注釋掉后正常了。

現第4頁正常了，第5頁不正常。

作者: 195400 時間: 2021-10-12 14:39

寒冬殘荷發表于 2021-10-12 14:30
現第4頁正常了，第5頁不正常。

確實奇怪，剛才沒登錄也沒動畫，現在登錄進來就正常了。

原代碼太長太復雜了，沒仔細推敲只把它改為適合直接貼代碼就發出來了，或許是有不合適的地方。

作者: 195400 時間: 2021-10-12 17:05

寒冬殘荷發表于 2021-10-12 14:28
不正常，這一頁和昨天第4頁一樣了。是你的代碼中有什么問題吧？現第4頁正常的，說明我的代碼沒問題。

這就是空間帖的優越之處：只要不是大問題總可以掩蓋過去。

作者: 寒冬殘荷 時間: 2021-10-13 08:44

195400 發表于 2021-10-10 18:12
就是上傳到這里的“公共上傳”，代碼沒改動。背景音樂沒響，如果略作改動應該是可以響的。

為什么這個的JS切換圖片不可以在手機上有效（看不到切換的圖片）？您的《霜葉》那個貼的就可以？

作者: 195400 時間: 2021-10-13 09:17

寒冬殘荷發表于 2021-10-13 08:44
為什么這個的JS切換圖片不可以在手機上有效（看不到切換的圖片）？您的《霜葉》那個貼的就可以？

這帖有點奇怪，在手機上登錄后就看到圖片切換了。
截了個圖但太大發不出。
這帖和霜葉那帖應用同一個js庫，不同的是除庫以外的js代碼。

作者: 195400 時間: 2021-10-13 10:23

寒冬殘荷發表于 2021-10-13 08:44
為什么這個的JS切換圖片不可以在手機上有效（看不到切換的圖片）？您的《霜葉》那個貼的就可以？

按《霜葉》的方式修改了代碼，現在應該是正常了吧。

作者: 紅楓 時間: 2021-10-13 13:53
我電腦、手機看到的情況：41樓運行不正常，19樓的卻很正常。（應該是您存JS、CSS的網站出沒出外鏈的問題。）

作者: 寒冬殘荷 時間: 2021-10-13 13:56
41樓的在手機上有圖片切換效果了。但網頁又不正常了。每層樓的最下面一行功能又被屏蔽了。

作者: 寒冬殘荷 時間: 2021-10-13 14:12
我的兩個安卓手機（撿小孩的舊手機）現在19樓還是沒有切換的圖片出現。紅楓老師的手機看19樓正常，是不是老師的手機是蘋果手機？因為手機不同的操作系統是不同的。

作者: 195400 時間: 2021-10-13 14:18

寒冬殘荷發表于 2021-10-13 14:12
我的兩個安卓手機（撿小孩的舊手機）現在19樓還是沒有切換的圖片出現。紅楓老師的手機看19樓正常，是不是老 ...

正在與紅楓討論這問題，他認為19樓正常，原因是引用的原始文件，而那3v空間不穩定。

作者: 寒冬殘荷 時間: 2021-10-13 14:26

195400 發表于 2021-10-13 14:18
正在與紅楓討論這問題，他認為19樓正常，原因是引用的原始文件，而那3v空間不穩定。

我認為不是，我的29、37樓也不正常。
<script type="text/javascript">
document.write('<script type="text/javascript" src="http://kp3.kagirl.cn/kphoto/js/jquery-1.7.1.min.js"><\/script>');
document.write('<script type="text/javascript" src="http://kp3.kagirl.cn/kphoto/js/ipresenter.packed.js"><\/script>');
//document.write('<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"><\/script>');
</script>

作者: 寒冬殘荷 時間: 2021-10-13 14:27

寒冬殘荷發表于 2021-10-13 14:26
我認為不是，我的29樓也不正常。

document.write('');

沒有3V網站。

作者: 195400 時間: 2021-10-13 14:28

寒冬殘荷發表于 2021-10-13 14:26
我認為不是，我的29樓也不正常。

document.write('');

這有問題嗎？

作者: 195400 時間: 2021-10-13 14:30

寒冬殘荷發表于 2021-10-13 14:27
沒有3V網站。

如果是空間帖沒必要這么寫，直接貼代碼才需要。

作者: 寒冬殘荷 時間: 2021-10-13 14:30

195400 發表于 2021-10-13 14:28
這有問題嗎？

不是，我是說我調用的JS不是3V網站的。

作者: 195400 時間: 2021-10-13 14:35

寒冬殘荷發表于 2021-10-13 14:30
不是，我是說我調用的JS不是3V網站的。

我就懷疑那復雜的js代碼有BUG

作者: 195400 時間: 2021-10-13 14:36
不是懷疑js文件里的代碼，而是外面的。

作者: 寒冬殘荷 時間: 2021-10-13 14:48

195400 發表于 2021-10-13 14:36
不是懷疑js文件里的代碼，而是外面的。

作者: 寒冬殘荷 時間: 2021-10-13 14:51
我在手機上用微信看不得，用瀏覽器看也不得。

作者: 195400 時間: 2021-10-13 14:52

寒冬殘荷發表于 2021-10-13 14:48
我現改成這樣了也不得。是不是因為不用http://res.wx.qq.com/open/js/jweixin-1.0.0.js這個插件了？ ...

這個應該是與微信有關，霜葉那帖沒用它也能分享到微信。

作者: 寒冬殘荷 時間: 2021-10-13 15:00

195400 發表于 2021-10-13 14:52
這個應該是與微信有關，霜葉那帖沒用它也能分享到微信。

那41樓為什么現在我的手機可以看到JS的切片效果了，而紅楓老師的卻看不到了？我認為是與手機的操作系統有關。您問紅楓老師他的手機是不是ios系統的？如果是，那就是這個原因了，如果不是，那另找原因……

作者: 195400 時間: 2021-10-13 15:00

寒冬殘荷發表于 2021-10-13 14:51
我在手機上用微信看不得，用瀏覽器看也不得。

我倒是可以看到只是太費眼不喜歡在手機上看。

作者: 寒冬殘荷 時間: 2021-10-13 15:02

195400 發表于 2021-10-13 15:00
我倒是可以看到只是太費眼不喜歡在手機上看。

您看到的是哪一樓的？

作者: 195400 時間: 2021-10-13 15:04

寒冬殘荷發表于 2021-10-13 15:02
您看到的是哪一樓的？

是能正常顯示的嗎？好像都問題不大。

作者: 195400 時間: 2021-10-13 15:52

寒冬殘荷發表于 2021-10-13 15:00
那41樓為什么現在我的手機可以看到JS的切片效果了，而紅楓老師的卻看不到了？我認為是與手機的操作系統有 ...

41樓是我后來寫的代碼，至少我能知道要干什么，原來代碼太長也懶得去琢磨。

我是iphone, 紅楓可能也是安卓的，因為他用的瀏覽器是小米瀏覽器……，你怎么知道他看不到41樓的，41樓和霜葉是類似的代碼。

作者: 紅楓 時間: 2021-10-13 16:13
我是紅米note7手機。我現看41樓，不運行。41樓的貼竟還鉆到2樓成為推薦貼，卻能正常顯示。

作者: 195400 時間: 2021-10-13 16:34

紅楓發表于 2021-10-13 16:13
我是紅米note7手機。我現看41樓，不運行。41樓的貼竟還鉆到2樓成為推薦貼，卻能正常顯示。

2樓是你給的代碼做的空間帖， 41樓是我改寫的代碼直接貼的。

兩個樓層在我看來都是正常的（電腦上），在手機上2樓沒圖片切換。

作者: 寒冬殘荷 時間: 2021-10-13 17:35

195400 發表于 2021-10-13 15:04
是能正常顯示的嗎？好像都問題不大。

您用的是iphone能正常顯示，我們用國產手機不能正常顯示，那就對了。我用動感相冊安卓版制作的影集放冊友圈，用ios(蘋果手機或iphone）的都回復說我發的什么，什么都看不到。

作者: 寒冬殘荷 時間: 2021-10-13 17:36
說明那個插件是微信ios版本的。

作者: 紅楓 時間: 2021-10-13 17:49

寒冬殘荷發表于 2021-10-13 17:36
說明那個插件是微信ios版本的。

此程序前些年我就是在安卓手機上玩的，是玩手機微信的微音畫。一切都很正常的。

作者: 紅楓 時間: 2021-10-13 18:03

寒冬殘荷發表于 2021-10-13 17:36
說明那個插件是微信ios版本的。

195400老師在微信中給我的《100年前的地攤》鏈接，我手機點進去后需重新登錄論壇后，顯示就正常，未登錄就不正常。我可是安卓版的呀！
但我從手機的各其他瀏覽器里進去，不管登沒登錄論壇，都顯示不正常！

作者: 195400 時間: 2021-10-13 18:20

寒冬殘荷發表于 2021-10-13 17:35
您用的是iphone能正常顯示，我們用國產手機不能正常顯示，那就對了。我用動感相冊安卓版制作的影集放冊友 ...

安卓是開放系統，IOS是封閉系統，應該是安卓的兼容性更好。

其實關鍵應該是瀏覽器，系統管不了那么多的。

手機系統不同，電腦總該都是Windows吧，為什么表現不同咧。

作者: 寒冬殘荷 時間: 2021-10-13 19:09

195400 發表于 2021-10-13 18:20
安卓是開放系統，IOS是封閉系統，應該是安卓的兼容性更好。

其實關鍵應該是瀏覽器，系統管不了那么多 ...

紅楓老師的這個貼，我的電腦上所有的都正常顯示。手機上，JS切圖的都沒有圖片出現（我登錄中畫賬號了）。現改過了的41樓有圖片切換出現了。

我的手機一個是vivo y67A，一個是榮耀（沒查，反正兩個手機都是很舊的，是兒子淘汰的）

作者: 195400 時間: 2021-10-13 19:24

寒冬殘荷發表于 2021-10-13 19:09
紅楓老師的這個貼，我的電腦上所有的都正常顯示。手機上，JS切圖的都沒有圖片出現（我登錄中畫賬號了）。 ...

原先只考慮在電腦上不同的瀏覽器能夠基本顯示一致就行了，從來就不考慮手機的事。

就是用微信在家也是用PC版的。

作者: 寒冬殘荷 時間: 2021-10-13 19:25

紅楓發表于 2021-10-13 18:03
195400老師在微信中給我的《100年前的地攤》鏈接，我手機點進去后需重新登錄論壇后，顯示就正常，未登錄 ...

我不用登錄也能正常顯示。

作者: 寒冬殘荷 時間: 2021-10-13 19:29

195400 發表于 2021-10-13 19:24
原先只考慮在電腦上不同的瀏覽器能夠基本顯示一致就行了，從來就不考慮手機的事。

就是用微信在家也是 ...

用手機看有個好處，在哪里都能看。

作者: 195400 時間: 2021-10-13 19:33

寒冬殘荷發表于 2021-10-13 19:29
用手機看有個好處，在哪里都能看。

在外時刻掏手機看的多數是小年青，一般認為是老年人就不該會用智能機

作者: 195400 時間: 2021-10-13 19:38

寒冬殘荷發表于 2021-10-13 19:25
我不用登錄也能正常顯示。

本來就該是這樣的，論壇又不能管那么寬。

作者: 寒冬殘荷 時間: 2021-10-13 19:40

195400 發表于 2021-10-13 19:33
在外時刻掏手機看的多數是小年青，一般認為是老年人就不該會用智能機

老師，您說笑話吧？現在誰不會用智能手機？您還把玩智能手機當作小青年的專利？我玩微信公眾號、微信視頻號、手機視頻剪輯APP樂秀、剪影等，我身邊的小青年沒幾個會呢。

作者: 寒冬殘荷 時間: 2021-10-13 19:43
經濟條件不允許，只能撿小孩舊手機用，內存太小，裝不了幾個APP，所以才兩個舊手機都用。

作者: 195400 時間: 2021-10-13 19:43

寒冬殘荷發表于 2021-10-13 19:40
老師，您說笑話吧？現在誰不會用智能手機？您還把玩智能手機當作小青年的專利？我玩微信公眾號、微信視頻 ...

自愧不如，就會個購物，買菜、淘寶……

作者: 寒冬殘荷 時間: 2021-10-13 19:48

195400 發表于 2021-10-13 19:43
自愧不如，就會個購物，買菜、淘寶……

購物、買菜那是肯定的，我已有三年沒去銀行取現金了。不過我朋友說我這樣不好，叫我要有現金，否則災害來了沒有電，手機付不了款買不了東西。

網購我只能去拼多多，因為據說所有的購物網站，拼多多是最便宜的。但購回的東西太垃圾，現不網購了。

作者: 195400 時間: 2021-10-13 19:49

寒冬殘荷發表于 2021-10-13 19:43
經濟條件不允許，只能撿小孩舊手機用，內存太小，裝不了幾個APP，所以才兩個舊手機都用。

我用的最后一個新手機大約8年以前，然后就只有用二手的了。

作者: 紅楓 時間: 2021-10-13 19:55

寒冬殘荷發表于 2021-10-13 19:40
老師，您說笑話吧？現在誰不會用智能手機？您還把玩智能手機當作小青年的專利？我玩微信公眾號、微信視頻 ...

支持！不過小青年輕視于這些公眾號視頻號樂秀剪映等APP作業的，他們主要忙于工作。你看那些玩抖音的，還都以閑人們為主。

作者: 195400 時間: 2021-10-13 20:01

寒冬殘荷發表于 2021-10-13 19:48
購物、買菜那是肯定的，我已有三年沒去銀行取現金了。不過我朋友說我這樣不好，叫我要有現金，否則災害來 ...

今天早上買菜，到付款時4G變成了1x，把人急的呀

作者: 靜竹. 時間: 2021-10-14 08:50
祝老師重陽節快樂！

作者: 鵬城客 時間: 2022-6-15 15:40
欣賞

歡迎光臨中畫網 (http://www.nujv.cn/)