csdn自定义栏目滚动词云

骑猪看日落 2022-04-10 12:43 199阅读 0赞

csdn自定义栏目-滚动词云  
效果  
![在这里插入图片描述][20190107114515617.gif]

位置–左侧自定义栏目  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMyNDQyOTY3_size_16_color_FFFFFF_t_70]

--------------------

方法： 管理博客--栏目管理--添加自定义栏目--

编辑栏目：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMyNDQyOTY3_size_16_color_FFFFFF_t_70 1]

栏目内容：

scrollamount=“2” 代表滚动速度快慢，数字越大速度越快

<div class="aside-content clearfix">
    	<a href="http://aixiaodou.cn" target="_blank">
                <marquee>
                    <font color="blue" scrollamount="2">艾小逗</font>
                </marquee>
            </a>
            <a href="https://blog.csdn.net/qq_32442967" target="_blank">
                <marquee>
                    <font color="red" scrollamount="8">Hello World!  ༺༺超༒神༻༻</font>
                </marquee>
            </a>
            <a href="https://blog.csdn.net/qq_32442967" target="_blank">
                <marquee scrollamount="12">
                    <font color="powderblue">                在我机器上没问题啊！(´థ౪థ)σ</font>
                </marquee>
            </a>
            <a href="https://blog.csdn.net/qq_32442967" target="_blank">
                <marquee>
                    <font color="#f6a625">              需求又改了！ヾ(｡｀Д´｡)ﾉ彡</font>
                </marquee>
            </a>
            <a href="https://blog.csdn.net/qq_32442967" target="_blank">
                <marquee scrollamount="7">
                    <font color="fuchsia">                       晚上加班！</font>
                </marquee>
            </a>
            <a href="https://blog.csdn.net/qq_32442967" target="_blank">
                <marquee scrollamount="6">
                    <font color="#ff1493">清除缓存试试。。。o(╥﹏╥)o</font>
                </marquee>
            </a>
            <a href="https://blog.csdn.net/qq_32442967" target="_blank">
                <marquee>
                    <font color="coral">                     o(TωT)o  没有情调，不懂浪漫，也许这是程序员的一面，</font><br>
                    <font color="coral">                                             但拥有朴实无华的爱是他们的另一面</font>
                </marquee>
            </a>
            <a href="https://blog.csdn.net/qq_32442967" target="_blank">
                <marquee scrollamount="4">
                    <h2 color="#f6a625">                Smile every day！  ヾ(◍°∇°◍)ﾉﾞ</h2>
                </marquee>
            </a>
            
        </div>

[20190107114515617.gif]: /images/20220330/30b00f45af424496af76b1f694494dda.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMyNDQyOTY3_size_16_color_FFFFFF_t_70]: /images/20220330/60d57cdc211344dbbd75f9a788470068.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMyNDQyOTY3_size_16_color_FFFFFF_t_70 1]: /images/20220330/8d3fde05a3f841c8a55f33ebfca74071.png