利用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

相关推荐