在最后一个图像代码的" />
当前位置:文档之家› 利用HTML代码美化网页7例

利用HTML代码美化网页7例

一、利用HTML代码制作图像滚动特效
具体操作:
选中单元格第一行所有的图像,在代码视图中,在第一个图像代码<img>前输入
<marquee behavior="scroll" scrolldelay="160">
在最后一个图像代码的后边输入
</marquee>
选中单元格第二行所有的图像,在代码视图中,在第一个图像代码<img>前输入
<marquee behavior="alternate" scrolldelay="160">
在最后一个图像代码的后边输入
</marquee>
说明:
<marquee>标记用于实现文字或图像的滚动,以达到动感十足的视觉效果,使用该标记可以创建图片滚动效果。

表达式为:<marquee behavior="scroll" scrolldelay="0">
<marquee>主要有下列属性
align:字幕文字对齐方式
width:字幕宽度
height:字幕高度
drection:文字滚动方向,其值可取rich up down
scrolldelay:滚动延迟时间,单位为毫秒
scrollmount:滚动数量,单位为像素
二、制作滚动公告栏
具体步骤:
1.选中
2.切换到代码视图,在表格前面输入一段代码:
<marquee direction=up height=80 onmouseout=this.start() onmouseover=this.stop() scrollamount=1 scrolldelay=40 width=160>
3.在后边输入代码</marquee>
三、为网页添加彩色边框代码
具体操作:
1.打开文件
2.切换到代码视图下,在<body>和</body>之间输入以下代码
<script language=javascript1.2>
if (document.all)
document.body.style.cssText="border:10 ridge #FF9900"
</script>
说明:
if (document.all) 当网页文档中所有的对象下载完后
document.body.style.cssText="border:10 ridge #FF9900"设置文档边框颜色样式
四、添加背景音乐代码
单击“拆分”,在代码编辑窗口中的<head>和</head>代码之间插入代码
<bgsound src="001 TAKE ME TO YOUR HEART.mp3"loop="-1">
五、网页最新消息提示代码
打开文件
切换到代码视图下,将以下代码加入到<body>和</body>之间
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
mesg = "公司最新公告、新闻、消息请留意!!!";
isNS = (navigator.appName == "Netscape")
isIE = (navigator.appName == "Microsoft Internet Explorer")
text = ("<i><font size=2>"+mesg+"</font></i>")
if (isNS) {
document.write("<blink>" + text + "</blink>")}
else if (isIE) {
document.write("<MARQUEE BEHAVIOR=ALTERNATE DIRECTION=RIGHT>" + text + "</MARQUEE>")}
// End -->
</SCRIPT>
六、利用JavaScript语言制作图像渐隐特效
打开文件
切换到代码视视图下,将以下代码加入HTML的<Body>和</Body> 之间
<SCRIPT language=”JavaScript”>
<!—
Function makevisible(cur,which){
If (which==0)
Cur.filters.alpha.opacity=100
Else
Cur.filters.alpha.opacity=20
}
//-->
</SCRIPT>
返回到拆分视图下,选中要制作渐隐效果的图片,在图片代码中修改为如下代码,
<img src=”images/spacer.gif” width=”3” height=”1”></td>
<td width=”179” style=”padding-top:lpx”><img src=”images/te-1.jpg”
Style=”filter:alpha(opacity=20)”
onMouseOver=”makevisible(this,0)”
onMouseOut=”makevisible(this,1)”>
按F12键保存文件并在浏览器中预览效果。

七、制作边框不停闪烁的表格
打开网页文档
切换到代码视图中,<body>和</body>之间输入以下代码,表示运行脚本时的主体程序
<script>
function flash(){
if(!document.all)
return
if(mydowns.style.bordercolor==”green”)
mydowns.style.bordercolor=”#FF0000”
else
mydowns.style.bordercolor=”green”
}
setinterval(“flash()”,800)
</script>
切换到设计视图中,选中要添加闪烁效果的表格
切换到代码视图下,在<table>和</table>之间添加id=”mydowns” style=”border:1px solid green”表示运行脚本时表格边框闪烁颜色。

相关主题