如何制作LED网页特效

 时间:2026-02-16 04:25:45

1、在桌面上单击右键,新建文本文档

如何制作LED网页特效

2、在里面输入代码,如图所示

如何制作LED网页特效

3、点击【另存为】将文本文档保存为【LED网页特效.html】

注意后缀名是“.html”

如何制作LED网页特效

4、好现在我们来分析一下代码:

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />【网页默认编码方式,在大陆一般用gb2313,或者GBK】单击右键,我们可以看见,网页默认选择的编码就是我们设置的“GB2312”

如何制作LED网页特效

5、<title>不落泪的天使1制作</title>【这里设置的是网页的标题】

如何制作LED网页特效

6、<style type="text/css">#pmp { font-family: "黑体"; font-size: 40px; color: #FF0000; text-decoration: none; height: 50px; width: 730px; border: 5px ridge #CCCCCC; background-color: #333333; padding-top: 8px; padding-right: 5px; padding-left: 5px;}</style>

【这里设置了LED的前景色,字体,字号,文本框高度,宽度,背景色,上下左右边距等,都是很直白的英文单词,应该很容易看懂】

如何制作LED网页特效

7、<div align="center"  style =" width:100%">【三个DIV用于定位】

如何制作LED网页特效

8、<marquee scrollamount="3" scrolldelay="30" direction= "left" onmouseover="this.stop()"

onmouseout="this.start()">   不落泪的天使1教你制作LED网页特效!</marquee>【最核心代码,文字可以自由替换】

如何制作LED网页特效

9、代码:onmouseover="this.stop()" onmouseout="this.start()"

【鼠标放上去停止,离开开始滚动】

如何制作LED网页特效

10、【以下是全部代码,复制到记事本中,修改记事本后缀名为".html"试试吧】

<head>    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />    <title>不落泪的天使1制作</title><style type="text/css">#pmp { font-family: "黑体"; font-size: 40px; color: #FF0000; text-decoration: none; height: 50px; width: 730px; border: 5px ridge #CCCCCC; background-color: #333333; padding-top: 8px; padding-right: 5px; padding-left: 5px;}</style></head><body><!--    通知公告--><div align="center"  style =" width:100%">    <div style =" width:730px">   <div id="pmp"><marquee scrollamount="3" scrolldelay="30" direction= "left" onmouseover="this.stop()" onmouseout="this.start()">   你好,百度经验团队!</marquee></div>    </div></div></body></html>

如何制作LED网页特效

  • 2020重庆教师的待遇怎么样?
  • 花橙畅游卡使用细则
  • 新公司如何制定方针策略才能生存发展?
  • 证券转户准备工作及转户技巧
  • 自己怎么刷睫毛根根分明没有苍蝇腿
  • 热门搜索
    怎么灭蟑螂最有效 饥荒怎么养牛 鼻翼缩小的方法 长头发怎么扎好看 家常酸菜鱼 一帆风顺的养殖方法 游戏大全 牙齿出血怎么回事 去脚臭最有效的方法 邮箱大全