利用HTML代码美化网页7例

2022-05-19 14:45:28   文档大全网     [ 字体:小 中 大 ] [ 阅读: ]

【#文档大全网# 导语】以下是®文档大全网的小编为您整理的《利用HTML代码美化网页7例》,欢迎阅读!
美化,利用,代码,网页,HTML


一、利用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.wddqxz.cn/2a7fa20e76c66137ee061988.html

相关推荐