设为首页收藏本站

开启辅助访问切换到宽版登录 立即注册

QQ登录

花潮论坛»论坛 › 花潮才艺____管理员：小辣椒马黑黑 › 动画音画 › 练习帖 --- 背景滚动的清明上河图

12 / 2 页

发新帖

楼主: 夕阳黄昏

[特效音画] 练习帖 --- 背景滚动的清明上河图

TA的每日心情

	奋斗 2026-9-23 10:54

签到天数: 666 天

[LV.9]以坛为家II

410 主题	5178 回帖	2万积分

Rank: 7 Rank: 7 Rank: 7 Rank: 7 Rank: 7 Rank: 7 Rank: 7

发消息

发表于 2026-8-8 13:41 | 显示全部楼层

夕阳黄昏发表于 2026-8-8 13:37
立秋到，秋风送爽，愿你心情舒畅，健康平安，收获满满。

是，风始向晾，人间至此皆温柔~谢谢夕阳老师

★青春是一个人的精神生命，奋斗是一个人最大的体面，学习是一个人最美的姿态。

回复支持反对

使用道具举报

TA的每日心情

	擦汗 2026-9-18 07:54

签到天数: 1921 天

[LV.Master]伴坛终老

3326 主题	13万回帖	29万积分

Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9

发消息

发表于 2026-8-8 22:21 | 显示全部楼层

夕阳黄昏发表于 2026-8-8 13:36
谢谢你的代码！
正好还有个问题要请教下：图片高度增加而改变了原图尺寸的比例画面就乱套了，例如这帖的 ...

实际上这是自定义了容器元素的尺寸，且和图片的宽高比不一致。这种情况，背景图片应跟着配套设置 background-position 和 background-size，第二张图片起的x位置的设置以容器的宽度乘以(序号-1），背景尺寸不要再使用 cover，而是 100% 100%（适配容器宽高）。

回复支持反对

使用道具举报

TA的每日心情

	无聊 2024-12-27 08:11

签到天数: 26 天

[LV.4]偶尔看看III

24 主题	615 回帖	4230 积分

Rank: 80

发消息

楼主| 发表于 2026-8-9 07:12 | 显示全部楼层

马黑黑发表于 2026-8-8 22:21
实际上这是自定义了容器元素的尺寸，且和图片的宽高比不一致。这种情况，背景图片应跟着配套设置 backgro ...

谢谢指点！我试试看。

回复支持反对

使用道具举报

TA的每日心情

	开心 2025-12-1 20:32

签到天数: 1052 天

[LV.10]以坛为家III

1899 主题	33万回帖	41万积分

Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9

发消息

发表于 2026-8-9 09:22 | 显示全部楼层

夕阳黄昏发表于 2026-8-8 09:55
这些图片还是从你的帖子借用来的，谢谢！

不客气啊，这样的组图每次看到每次都被震撼到。

　

回复支持反对

使用道具举报

TA的每日心情

	开心 2025-12-1 20:32

签到天数: 1052 天

[LV.10]以坛为家III

1899 主题	33万回帖	41万积分

Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9

发消息

发表于 2026-8-9 09:26 | 显示全部楼层

夕阳黄昏发表于 2026-8-8 09:59
谢谢欣赏支持！上午好！

问好夕阳黄昏老师，周日快乐

　

回复支持反对

使用道具举报

TA的每日心情

	无聊 2024-12-27 08:11

签到天数: 26 天

[LV.4]偶尔看看III

24 主题	615 回帖	4230 积分

Rank: 80

发消息

楼主| 发表于 2026-8-9 10:20 | 显示全部楼层

红影发表于 2026-8-9 09:26
问好夕阳黄昏老师，周日快乐

登录/注册后可看大图

回复支持反对

使用道具举报

TA的每日心情

	无聊 2024-12-27 08:11

签到天数: 26 天

[LV.4]偶尔看看III

24 主题	615 回帖	4230 积分

Rank: 80

发消息

楼主| 发表于 2026-8-9 10:22 | 显示全部楼层

红影发表于 2026-8-9 09:22
不客气啊，这样的组图每次看到每次都被震撼到。

回复支持反对

使用道具举报

TA的每日心情

	慵懒 2024-1-25 20:33

签到天数: 1 天

[LV.1]初来乍到

453 主题	1603 回帖	2万积分

Rank: 80

发消息

发表于 2026-8-9 11:55 | 显示全部楼层

好看

回复

使用道具举报

TA的每日心情

	擦汗 2026-9-18 07:54

签到天数: 1921 天

[LV.Master]伴坛终老

3326 主题	13万回帖	29万积分

Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9

发消息

发表于 2026-8-9 12:19 | 显示全部楼层

夕阳黄昏发表于 2026-8-9 07:12
谢谢指点！我试试看。

反正原理大致如此

回复支持反对

使用道具举报

TA的每日心情

	无聊 2024-12-27 08:11

签到天数: 26 天

[LV.4]偶尔看看III

24 主题	615 回帖	4230 积分

Rank: 80

发消息

楼主| 发表于 2026-8-9 12:28 | 显示全部楼层

姚云裳发表于 2026-8-9 11:55
好看

谢谢欣赏支持！中午好！

回复支持反对

使用道具举报

TA的每日心情

	开心 2025-12-1 20:32

签到天数: 1052 天

[LV.10]以坛为家III

1899 主题	33万回帖	41万积分

Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9

发消息

发表于 2026-8-9 20:33 | 显示全部楼层

夕阳黄昏发表于 2026-8-9 10:20

这风景真美，令人沉醉。感谢夕阳黄昏带来的美景

　

回复支持反对

使用道具举报

TA的每日心情

	开心 2025-12-1 20:32

签到天数: 1052 天

[LV.10]以坛为家III

1899 主题	33万回帖	41万积分

Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9

发消息

发表于 2026-8-9 20:33 | 显示全部楼层

夕阳黄昏发表于 2026-8-9 10:22
原帖

看到了

　

回复支持反对

使用道具举报

TA的每日心情

	开心 2019-11-25 21:11

签到天数: 1 天

[LV.1]初来乍到

1549 主题	6万回帖	13万积分

Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9

发消息

发表于 2026-8-9 22:11 | 显示全部楼层

怎么看见有发了二次？

回复支持反对

使用道具举报

TA的每日心情

	无聊 2024-12-27 08:11

签到天数: 26 天

[LV.4]偶尔看看III

24 主题	615 回帖	4230 积分

Rank: 80

发消息

楼主| 发表于 2026-8-10 08:07 | 显示全部楼层

小辣椒发表于 2026-8-9 22:11
怎么看见有发了二次？

方向不同，前一个借鉴用马老师的代码，后一个换了个滚动方向。

回复支持反对

使用道具举报

12 / 2 页

发新帖

小黑屋|手机版|Archiver|服务支持：DZ动力|huachaowang.com Inc. ( 蜀ICP备17032287号-1 )

GMT+8, 2026-9-24 00:24 , Processed in 0.104802 second(s), 23 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表