如何制作LED网页特效

2025-07-05 23:53:45

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

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

3、点击【另存为】将文本文档保存为【LED网页特效.html】注意后缀名是“.html”

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

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

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的前景色，字体，字号，文本框高度，宽度，背景色，上下左右边距等，都是很直白的英文单词，应该很容易看懂】

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

8、<marquee scrollamount="3" 衡痕贤伎scrolldelay="30" direction= "left" onmouseover="this.stop()"onmouseout="this.start()"> 不落泪的天使1教你制作LED网页特效！</marquee>【最核心代码，文字可以自由替换】

9、代码：onmouseover="this.stop()" onmouseout="this.start()"【鼠标放上去停止，离开开始滚动】

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>

声明：本网站引用、摘录或转载内容仅供网站访问者交流或参考，不代表本站立场，如存在版权或非法内容，请联系站长删除，联系邮箱：site.kefu@qq.com。