一行代码让你CSDN主页变为高大上

简介: 一行代码让你CSDN主页变为高大上

一行代码让你CSDN主页变为高大上


目录


博主介绍


前言

设置自定义模块

跑马灯的背景及背景

下面附上博主主页自定义模块的代码

💫点击直接资料领取💫


目录

博主介绍


💂 个人主页:苏州程序大白


💂 个人社区:CSDN全国各地程序猿


🤟作者介绍:中国DBA联盟(ACDU)成员,CSDN全国各地程序猿(媛)聚集地管理员。目前从事工业自动化软件开发工作。擅长C#、Java、机器视觉、底层算法等语言。2019年成立柒月软件工作室,2021年注册苏州凯捷智能科技有限公司


💬如果文章对你有帮助,欢迎关注、点赞、收藏(一键三连)和C#、Halcon、python+opencv、VUE、各大公司面试等一些订阅专栏哦


💅 有任何问题欢迎私信,看到会及时回复


👤 微信号:stbsl6,微信公众号:苏州程序大白


🎯 想加入技术交流群的可以加我好友,群里会分享学习资料


前言

c9e2b4bd4d394e94a4560d07b2f9dc64.gif


设置自定义模块


c1f438ef524d477c9032449920eb0942.png


跑马灯的背景及背景


宽123 高77 背景色为#f5f5f5的滚动区域


<marquee direction="left" width="123" height="77" bgcolor="#f5f5f5" >
苏州程序大白</marquee>

57345f023b83491b8f6618d1b3900758.gif


跑马灯边距


hspace:水平边距 vspace:垂直边距


<marquee direction="left" width="135" hspace="13" vspace="57" >苏州程序大白</marquee>

badd8fb2ce0249858fb0d1d6dc15b5a3.gif



跑马灯速度


scrollamount:数值越大,滚动速度越快 通常设为5-10


<marquee scrollamount="10">苏州程序大白   速度为10的滚动</marquee>


e038a982b8094194bc5b63e355b2c02c.gif


跑马灯方向


direction: 可设为 < up:向上 down:向下 left:向左 right:向右 > 默认为从右向左


7b294fbeb4f04f95acf2f5bf5c861ef2.gif


跑马灯循环


loop:设置跑马灯循环次数;默认值为-1或infinite,表示无限循环滚动


204a569039414cc8ab5a4d19974a003e.gif


跑马灯滚动方式


behavior:可设为< scroll:循环滚动 slide:只滚动一次 alternate:来回滚动 > 默认为循环滚动


<marquee behavior="alternate">苏州程序大白   来回移动</marquee>


717d73970a24490498c0ce991487f07c.gif


跑马灯延迟


scrolldelay: 数值值越大,滚动速度越慢,通常不设置


<marquee scrolldelay="77">苏州程序大白,延时77</marquee>

53ea62cfdb1146ffa979c0040cc06366.gif



下面附上博主主页自定义模块的代码


<div><b><b><img src="https://ucc.alicdn.com/images/user-upload-01/20210529165541174.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NjkzMTg3Nw==,size_16,color_FFFFFF,t_70#pic_center" alt="watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NjkzMTg3Nw==,size_16,color_FFFFFF,t_70#pic_center" /></b></b></div><b><b></b>
<marquee><b><font color="#03a9f4" face="楷体">  ☀️ 承接各种类型项目,欢迎咨询 ☀️  </font></b></marquee></b><div><b><b><img src="https://ucc.alicdn.com/images/user-upload-01/2c8b6bac4ec94c1da9a1c97a03e50d9b.gif#pic_center" alt="a5766b3aa9b045e782ab0b5d7a2640fe.gif#pic_center" /></b></b></div><b><b></b>
<marquee><b><font color="#03a9f4" face="楷体">  ☀️ 加关注、点赞!!!学弟、学妹们 ☀️  </font></b></marquee></b><div><b><b><img src="https://ucc.alicdn.com/images/user-upload-01/a5766b3aa9b045e782ab0b5d7a2640fe.gif#pic_center" alt="a5766b3aa9b045e782ab0b5d7a2640fe.gif#pic_center" /></b></b></div><b><b></b></b>


相关文章
|
5月前
|
数据采集 前端开发 JavaScript
《花100块做个摸鱼小网站! 》第四篇—前端应用搭建和完成第一个热搜组件
本文档详细介绍了从零开始搭建一个包含前后端交互的热搜展示项目的全过程。通过本教程,读者不仅能学习到完整的项目开发流程,还能掌握爬虫技术和前后端交互的具体实践。适合有一定编程基础并对项目实战感兴趣的开发者参考。
99 1
|
7月前
【2023Unity游戏开发教程】零基础带你从小白到超神02——新建第一个项目
【2023Unity游戏开发教程】零基础带你从小白到超神02——新建第一个项目
34 0
|
8月前
|
算法
刷题专栏(十八):第一个错误的版本
刷题专栏(十八):第一个错误的版本
57 0
30行代码实现微信朋友圈自动点赞
首先祝大家新年快乐,过年了,允许我水一篇博客。不知道大家都回老家了没,不过我是没有回去,晚上吃完年夜饭看到很多人发朋友圈,为了增进和大家的友谊,于是就想着给大家点个赞,无奈内容太多了,就搞个自动化脚本,原理和前两天我写的30行代码实现蚂蚁森林自动偷能量一样,这里不再赘述,直接上代码。
168 1
|
Unix 编译器 C语言
【零基础学习C++】欢迎来到C++的世界
C++既可以进行C语言的过程化程序设计,又可以进行以抽象数据类型为特点的基于对象的程序设计,还可以进行以继承和多态为特点的面向对象的程序设计。C++擅长面向对象程序设计的同时,还可以进行基于过程的程序设计。 C++拥有计算机运行的实用性特征,同时还致力于提高大规模程序的编程质量与程序设计语言的问题描述能力。
103 2
|
算法 前端开发
蓝桥杯 —— Web前端(算法类)【标题即题目链接,点击查看具体要求】
蓝桥杯 —— Web前端(算法类)【标题即题目链接,点击查看具体要求】
237 0
|
前端开发 算法
蓝桥杯 —— Web前端(Bug调试类)【标题即题目链接,点击查看具体要求】
蓝桥杯 —— Web前端(Bug调试类)【标题即题目链接,点击查看具体要求】
144 0
|
自然语言处理 JavaScript 前端开发
蓝桥杯 —— Web前端(功能实现类)【标题即题目链接,点击查看具体要求】
蓝桥杯 —— Web前端(功能实现类)【标题即题目链接,点击查看具体要求】
141 0
|
JSON 前端开发 JavaScript
蓝桥杯 —— Web前端(数据交互类)【标题即题目链接,点击查看具体要求】
蓝桥杯 —— Web前端(数据交互类)【标题即题目链接,点击查看具体要求】
176 0
|
算法 C语言 Python
来到CSDN的一些感想
来到CSDN的一些感想