论坛 › 【与图有染】 › 【精美长条移动图片】清明上河图

195400 发表于 2019-12-16 16:01

本帖最后由 195400 于 2019-12-16 17:44 编辑 <br /><br /><style type="text/css">
        #picHolder         {
                width : 22530px;
                /*width :20482px;                不含最后一张图片的宽度        */
                height:653px;                        /*        全部图片高度        */
                animation: picMoveUp 275s linear infinite;                                                                                 
                position:absolute;
        }
        #picHolder img {
                height: 653px;
                float:left;
        }
        #slideFrame        {
                width:1200px;
                height:653px;
                overflow:hidden;
                position:relative;
                border:8px brown groove;
                margin:120px 0 0 -320px;
        }
        #picHolder:hover        {
                animation-play-state: paused;
        }
        @keyframes picMoveUp        {                   /* 动画定义 底部定位 向左移        */                                                                                                
                from        {right:-21330px;}           /* 起始位置 总宽度 - 框宽 */                                                                                                
                to                {right:-848px;}                        /*         结束位置 起始位置 - 不含最后一张图片的总宽度 */                                                                                          
        }
</style>

<div id="slideFrame">
<div id="picHolder">
        <img src="http://my.zp68.com/filestores/2019/12/15/830c3b4beb98319886541d61e7274fea.jpg" alt="">
        <img src="http://my.zp68.com/filestores/2019/12/15/9c7f7955269b1b551d91a6e5704f133f.jpg" alt="">
        <img src="http://my.zp68.com/filestores/2019/12/15/3f5a963ba33a4d05210e8be9fa955070.jpg" alt="">
        <img src="http://my.zp68.com/filestores/2019/12/15/0ff26037ef6d483770878122dfd92f0e.jpg" alt="">
        <img src="http://my.zp68.com/filestores/2019/12/15/dba2a34b57d40a7d2a0e8c32bea614c1.jpg" alt="">
        <img src="http://my.zp68.com/filestores/2019/12/15/060c51b93a46eece2002b6eed061b299.jpg" alt="">
        <img src="http://my.zp68.com/filestores/2019/12/15/83052f07088e98b29783dce4d5ab7e2f.jpg" alt="">
        <img src="http://my.zp68.com/filestores/2019/12/15/2e6d75521a1efc6230b34fdd31f1e612.jpg" alt="">
        <img src="http://my.zp68.com/filestores/2019/12/15/52f2a22d202f7011483cbb83e41ab32f.jpg" alt="">
        <img src="http://my.zp68.com/filestores/2019/12/15/ffe352ad50e26bfa2f1c4777f1d56364.jpg" alt="">
        <img src="http://my.zp68.com/filestores/2019/12/15/07cdb89a50b80da3dc86e9a6d340c954.jpg" alt="">
        <img src="http://my.zp68.com/filestores/2019/12/15/00db74637beebca97735d8d183a36f1a.jpg" alt="">
        <img src="http://my.zp68.com/filestores/2019/12/15/500555ede87af6e3e24f15840742d735.jpg" alt="">
        <img src="http://my.zp68.com/filestores/2019/12/15/ba0ecbbbe0d0c91238eb149d9c5be3fc.jpg" alt="">
        <img src="http://my.zp68.com/filestores/2019/12/15/209a5a090ce03bfed2c6af84d1c9a760.jpg" alt="">
        <img src="http://my.zp68.com/filestores/2019/12/15/8ec6531733de8c650ebd3f9592537c2a.jpg" alt="">
        <img src="http://my.zp68.com/filestores/2019/12/15/44b3643a6575aa6b1eb2ec0eb0b585c6.jpg" alt="">
        <img src="http://my.zp68.com/filestores/2019/12/15/e5d31747402aeb2ec31ba3c5ca015fd3.jpg" alt="">
        <img src="http://my.zp68.com/filestores/2019/12/15/f533c9de2fd2531fe6592a47bf77c1e9.jpg" alt="">
        <img src="http://my.zp68.com/filestores/2019/12/15/eb70e5a5a58d5e6ac0f566bef72deeb3.jpg" alt="">

        <img src="http://my.zp68.com/filestores/2019/12/15/830c3b4beb98319886541d61e7274fea.jpg" alt="">
        <img src="http://my.zp68.com/filestores/2019/12/15/9c7f7955269b1b551d91a6e5704f133f.jpg" alt="">
</div>
<embed src='http://dashan.link/zj/dqyhgczz.swf'
style="width:90%; height:80px;position:absolute; left:5%; bottom:0px;"
type='application/x-shockwave-flash' quality="high" wmode="transparent"
flashvars="mp3=http://music.163.com/song/media/outer/url?id=33715459.mp3&amp;lrc= 作曲 : 高进
作词 : 高进
作曲 : 高进
我俯身看去

那一帘秋雨
落下的水滴
却悄无声息
雕刻在石碑上的印记
是否隐藏着秘密
在你的眼神中
我看到了情丝万屡

古巷的犹豫
写下琵琶的旋律

飘逸的外衣
街上叫卖的小曲
仿佛隔空变换到那里

一切模糊又清晰
几秒钟的世界
感叹不平凡的意义

绫罗飘起遮住日落西
奏一回断肠的古曲
抬起画面如此的美丽
熟不知是谁的墨笔
淡淡胭脂遮住了思绪
小酌几杯却有醉意
多少能人将相 书画三千里
上河图雕琢的意义

古巷的忧郁
写下琵琶的旋律

飘逸的外衣
街上叫卖的小曲
仿佛隔空变换到那里
一切模糊又清晰
几秒钟的世界
感叹不平凡的意义

绫罗飘起遮住日落西
奏一回断肠的古曲
抬起画面如此的美丽
孰不知是谁的墨笔
淡淡胭脂遮住了思绪
小酌几杯却有醉意

多少能人将相 书画三千里

上河图雕琢的意义

淡淡胭脂遮住了思绪
小酌几杯却有醉意
多少能人将相 书画三千里

上河图雕琢的意义
绫罗飘起遮住日落西
奏一回断肠的古曲
抬起画面如此的美丽
孰不知是谁的墨笔
淡淡胭脂遮住了思绪
小酌几杯却有醉意
多少能人将相 书画三千里
上河图雕琢的意义">
</div>

黔中一叟 发表于 2019-12-16 17:56

问好清风明月，分享唯美长卷，聆听优美乐曲，真是一种享受，谢谢你！

清风明月` 发表于 2019-12-16 20:41

本帖最后由 清风明月` 于 2019-12-16 20:49 编辑

195400 发表于 2019-12-16 16:01
本帖最后由 195400 于 2019-12-16 17:44 编辑
      #picHolder         {
                width : 22530px;

问好老师 新周愉快！谢谢老师添加边框歌曲同步。编辑后图片清新 不抖动，谢谢老师！

清风明月` 发表于 2019-12-16 20:48

黔中一叟 发表于 2019-12-16 17:56
问好清风明月，分享唯美长卷，聆听优美乐曲，真是一种享受，谢谢你！

问好一叟老师新周愉快！谢谢临帖赏图。

清风明月` 发表于 2019-12-16 20:48

黔中一叟 发表于 2019-12-16 17:56
问好清风明月，分享唯美长卷，聆听优美乐曲，真是一种享受，谢谢你！

问好一叟老师新周愉快！谢谢临帖赏图。

黔中一叟 发表于 2019-12-16 20:57

清风明月` 发表于 2019-12-16 20:48
问好一叟老师新周愉快！谢谢临帖赏图。

清风明月不客气，冬日的夜，为你送上温馨的祝福，愿你拥有一个惬意而宁静的夜晚。

紫色依恋 发表于 2019-12-16 21:23

唯美的画卷气势恢弘

清风明月` 发表于 2019-12-16 22:54

紫色依恋 发表于 2019-12-16 21:23
唯美的画卷气势恢弘

问好紫色依恋 管，新周愉快！ 谢谢临帖赏评！

琴音 发表于 2019-12-27 21:18

制作的漂亮欣赏了。

清风明月` 发表于 2020-1-5 19:47

琴音 发表于 2019-12-27 21:18
制作的漂亮欣赏了。

问好琴音老师元旦快乐！感谢临帖关注赏图！

查看完整版本: 【精美长条移动图片】清明上河图