大猫咪 发表于 2021-12-26 12:29

约定 （大家周末快乐）

本帖最后由 大猫咪 于 2021-12-26 12:44 编辑

https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fp3.pstatp.com%2Flarge%2F5b5300053fde9c26b436&refer=http%3A%2F%2Fp3.pstatp.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1643084561&t=4d81583630e9929cb009b4879662669f

https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg.mp.itc.cn%2Fupload%2F20170323%2F09875e5d09b34aa2b74cc64a54dd3956_th.jpg&refer=http%3A%2F%2Fimg.mp.itc.cn&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1643084632&t=6f89b69539652391de5a5bba848def72

http://5b0988e595225.cdn.sohucs.com/images/20180816/33f97e52df8648d58f896d5fa5b54774.jpeg

https://gimg2.baidu.com/image_search/src=http%3A%2F%2Falicdn-mpres.51vv.com%2Fv_block%2Ffad1a63d99133d466b7b246ece089fdd.jpg&refer=http%3A%2F%2Falicdn-mpres.51vv.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1643084601&t=55cd85d4519c673faf248de8a0084d2c
https://gimg2.baidu.com/image_search/src=http%3A%2F%2F5b0988e595225.cdn.sohucs.com%2Fq_70%2Cc_zoom%2Cw_640%2Fimages%2F20181008%2F5d4f321c97dc4a4e89ad415e8f16f232.jpeg&refer=http%3A%2F%2F5b0988e595225.cdn.sohucs.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1643085064&t=d370d96adbb240e57eac08b08b34629a

http://5b0988e595225.cdn.sohucs.com/images/20181211/f25a133021344141a5d67575478ed277.jpeg



大猫咪 发表于 2021-12-26 13:45

马黑黑 发表于 2021-12-26 13:27
开森就好

{:4_179:}必须开心 {:4_190:}

大猫咪 发表于 2021-12-26 12:29

<audio controls="controls" loop="loop" style="width:320px;height:60px;"src="http://music.163.com/song/media/outer/url?id=64443.mp3" autoplay="autoplay"></audio>

马黑黑 发表于 2021-12-26 12:48

<h2>歌词</h2>
<pre>                还记得当天旅馆的门牌
                还留住笑着离开的神态
                当天整个城市 那样轻快
                沿路一起走半里长街
                还记得街灯照出一脸黄
                还燃亮那份微温的便当
                剪影的你轮廓太好看
                凝住眼泪才敢细看

                忘掉天地 仿佛也想不起自己
                仍未忘相约看漫天黄叶远飞
                就算会与你分离 凄绝的戏
                要决心忘记我便记不起
                明日天地 只恐怕认不出自己
                仍未忘跟你约定假如没有死
                就算你壮阔胸膛 不敌天气
                两鬓斑白都可认得你

                还记得当天吉他的和弦
                还明白每段旋律的伏线
                当天街角流过你声线
                沿路旅程如歌褪变

                忘掉天地 仿佛也想不起自己
                仍未忘相约看漫天黄叶远飞
                就算会与你分离 凄绝的戏
                要决心忘记我便记不起
                明日天地 只恐怕认不出自己
                仍未忘跟你约定假如没有死
                就算你壮阔胸膛 不敌天气
                两鬓斑白都可认得你

                就算你壮阔胸膛 不敌天气
                两鬓斑白都可认得你
</pre>

大猫咪 发表于 2021-12-26 12:52

老黑黑找的这个歌词好{:4_187:}{:4_190:}

马黑黑 发表于 2021-12-26 12:57

大猫咪 发表于 2021-12-26 12:52
老黑黑找的这个歌词好


<style type="text/css">
.gc { transition: linear background 1s, color 1s; padding:8px; }
.gc:hover { color:#eee; background:#555; }
</style>
<div class="gc">
<h2>歌词</h2>
<pre>                还记得当天旅馆的门牌
                还留住笑着离开的神态
                当天整个城市 那样轻快
                沿路一起走半里长街
                还记得街灯照出一脸黄
                还燃亮那份微温的便当
                剪影的你轮廓太好看
                凝住眼泪才敢细看

                忘掉天地 仿佛也想不起自己
                仍未忘相约看漫天黄叶远飞
                就算会与你分离 凄绝的戏
                要决心忘记我便记不起
                明日天地 只恐怕认不出自己
                仍未忘跟你约定假如没有死
                就算你壮阔胸膛 不敌天气
                两鬓斑白都可认得你

                还记得当天吉他的和弦
                还明白每段旋律的伏线
                当天街角流过你声线
                沿路旅程如歌褪变

                忘掉天地 仿佛也想不起自己
                仍未忘相约看漫天黄叶远飞
                就算会与你分离 凄绝的戏
                要决心忘记我便记不起
                明日天地 只恐怕认不出自己
                仍未忘跟你约定假如没有死
                就算你壮阔胸膛 不敌天气
                两鬓斑白都可认得你

                就算你壮阔胸膛 不敌天气
                两鬓斑白都可认得你
</pre>
</div>

大猫咪 发表于 2021-12-26 12:59

哈   鼠标点会变色的{:5_106:}真棒 ！

{:4_204:}{:4_190:}

马黑黑 发表于 2021-12-26 13:14

大猫咪 发表于 2021-12-26 12:59
哈   鼠标点会变色的    真棒 ！

鼠标指针移动过去就会变色

马黑黑 发表于 2021-12-26 13:17

5楼参考代码：<style type="text/css">
.gc { transition: linear background 1s, color 1s; padding:8px; }
.gc:hover { color:#eee; background:#555; }
</style>
<div class="gc">
    <h2>歌词</h2>
    <pre>
      歌词 ……
    </pre>
</div>

大猫咪 发表于 2021-12-26 13:24

谢谢老黑，又学习到一招{:5_106:}{:4_204:}

红影 发表于 2021-12-26 13:25

只听过国语版的，原来还有粤语版的，好听{:4_187:}

红影 发表于 2021-12-26 13:26

马黑黑 发表于 2021-12-26 13:17
5楼参考代码：

又一个好玩的效果{:4_199:}

马黑黑 发表于 2021-12-26 13:27

大猫咪 发表于 2021-12-26 13:24
谢谢老黑，又学习到一招

开森就好

马黑黑 发表于 2021-12-26 13:43

红影 发表于 2021-12-26 13:26
又一个好玩的效果

这个除了设定类选择器，还需要一个伪类选择器：

.gc { ... } /* 类选择器 */
.gc:hover { ... } /* 伪类选择器 .gc:hover 必须是一个整体不能有空格，跟上面的命名一致 */

伪类选择器更多地用于锚标签做链接样式，也用于特殊样式，它就是响应鼠标指针而产生的样式变化。

使用 transition时，transition放在类选择器定义，类选择器定义原本的样子。伪类选择器定义鼠标指针移动过来时应出现的样式。

transition 是 CSS过渡 属性函数，它至少要接受两个参数：

① 变化的对象属性名称，如 width、height、background、color 等等；
②变化周期时长，5s 为5秒，10ms 为10毫秒。

transition 装载一个变化的写法：transition: width 500px 0.5s;
transition 装载多个个变化的写法：transition: width 500px 0.5s, height:240px 0.5s, border 0.5s;

装载多个变化时，用小角逗号将其隔开，时长可以有区别但建议保持一致。

大猫咪 发表于 2021-12-26 13:44

红影 发表于 2021-12-26 13:25
只听过国语版的，原来还有粤语版的，好听

红影下午好 {:4_187:}一起欣赏{:4_190:}

马黑黑 发表于 2021-12-26 13:45

大猫咪 发表于 2021-12-26 13:45
必须开心

咖啡还没喝完么

大猫咪 发表于 2021-12-26 13:47

马黑黑 发表于 2021-12-26 13:45
咖啡还没喝完么

干了已经，现在请老黑黑喝茶 {:5_106:}

https://i02piccdn.sogoucdn.com/2434e047120d3c01

马黑黑 发表于 2021-12-26 13:48

大猫咪 发表于 2021-12-26 13:47
干了已经，现在请老黑黑喝茶

好，蟹蟹。这个我分两口喝完。

大猫咪 发表于 2021-12-26 13:50

马黑黑 发表于 2021-12-26 13:48
好，蟹蟹。这个我分两口喝完。

嗯嗯喝完了猫继续上云南名酒

http://tgi1.jia.com/114/831/14831620.jpg

小九 发表于 2021-12-26 14:00

春天不远了，好美的歌！{:4_187:}
页: [1] 2 3 4 5
查看完整版本: 约定 （大家周末快乐）