利用HTML代码美化网页7例

时间：2022-05-19 14:45:28 阅读：最新文章文档下载

说明：文章内容仅供预览，部分内容可能不全。下载后的文档，内容与下面显示的完全一致。下载之前请确认下面内容是否您想要的，是否完整无缺。

一、利用HTML代码制作图像滚动特效

具体操作：

选中单元格第一行所有的图像，在代码视图中，在第一个图像代码前输入在最后一个图像代码的后边输入

选中单元格第二行所有的图像，在代码视图中，在第一个图像代码前输入在最后一个图像代码的后边输入说明：

标记用于实现文字或图像的滚动，以达到动感十足的视觉效果，使用该标记可以创建图片滚动效果。表达式为：主要有下列属性 align:字幕文字对齐方式 width:字幕宽度 height:字幕高度

drection:文字滚动方向，其值可取rich up down scrolldelay:滚动延迟时间，单位为毫秒 scrollmount:滚动数量，单位为像素

二、制作滚动公告栏

具体步骤： 1.选中

2.切换到代码视图，在表格前面输入一段代码:

scrolldelay=40 width=160> 3.在后边输入代码

三、为网页添加彩色边框代码

具体操作： 1.打开文件

2.切换到代码视图下，在和之间输入以下代码说明：

if (document.all) 当网页文档中所有的对象下载完后

document.body.style.cssText="border:10 ridge #FF9900"设置文档边框颜色样式

四、添加背景音乐代码

单击“拆分”，在代码编辑窗口中的和代码之间插入代码

五、网页最新消息提示代码

打开文件

切换到代码视图下，将以下代码加入到和之间

六、利用JavaScript语言制作图像渐隐特效

打开文件

切换到代码视视图下，将以下代码加入HTML的和之间

返回到拆分视图下，选中要制作渐隐效果的图片，在图片代码中修改为如下代码，

”images/spacer.gif” width=”3” height=”1”>

”179” style=”padding-top:lpx”>

”images/te-1.jpg” Style=”filter:alpha(opacity=20)” onMouseOver=”makevisible(this,0)” onMouseOut=”makevisible(this,1)”> 按F12键保存文件并在浏览器中预览效果。

七、制作边框不停闪烁的表格

打开网页文档

切换到代码视图中，和之间输入以下代码，表示运行脚本时的主体程序

切换到设计视图中，选中要添加闪烁效果的表格

切换到代码视图下，在和

之间添加id=”mydowns” style=”border:1px solid green”表示运行脚本时表格边框闪烁颜色。

本文来源：https://www.wddqw.com/doc/2a7fa20e76c66137ee061988.html

相关文章：

正在阅读：

利用HTML代码美化网页7例01-01

春日得意马蹄疾一日看尽长安花的意思01-01

读《复兴中华,从我做起》有感01-01

财务管理的新突破——推荐新书《企业财务经营》01-01

食堂承包追求利润中小学食堂多成赚钱工具01-01

感恩母亲100字的演讲稿3篇01-01

益智游戏：快乐传真01-01

有创意的新奇创业点子01-01

植树节标语01-01

上一篇：html--表单相关代码以及样式图片下一篇：微积分表白公式大全