📄 5.5.74.htm
字号:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>5.5.74</title>
<link rel="stylesheet" href="../images/cfan.css" type="text/css">
</head>
<body bgcolor="#4993CF">
<div align="center">
<center>
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="750" id="AutoNumber1" height="317">
<tr>
<td colspan="2" height="21">
<div align="center"><img src="../images/BANNER12.GIF" width="468" height="60"></div>
</td>
</tr>
<tr>
<td width="141" height="34"> <a href="http://www.cfan.com.cn" target="_blank"><img border="0" src="../images/cfan.gif" width="130" height="29"></a></td>
<td width="656" height="34">
<p align="center"> <img border="0" src="../images/ForntPage.JPG" width="600" height="47" usemap="#Map">
<map name="Map">
<area shape="poly" coords="2,33,8,23,20,20,39,19,84,19,95,27,100,38,100,47,2,47" href="../Word/index.htm">
<area shape="poly" coords="102,47,102,37,104,28,113,21,126,20,186,20,197,28,200,37,201,48" href="../Excel/index.htm">
<area shape="poly" coords="203,48,204,31,212,19,285,19,297,26,303,51,298,49" href="../PowerPoint/index.htm">
<area shape="poly" coords="300,48,305,27,314,20,388,20,398,28,399,48" href="../Outlook/index.htm">
<area shape="poly" coords="502,47,503,32,511,19,585,19,598,29,598,47" href="../Access/index.htm">
</map>
</td>
</tr>
<tr>
<td width="141" height="279" valign="top">
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber2" height="100%">
<tr>
<td width="100%" height="100%" valign="top">
<iframe name="I1" width="120" height="100%" marginheight="12" border="0" frameborder="0" src="images/frontpage.htm">
浏览器不支持嵌入式框架，或被配置为不显示嵌入式框架。</iframe></td>
</tr>
</table>
</td>
<td width="656" height="279">
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber3" height="100%">
<tr>
<td width="100%" height="50%" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">
<tr>
<td height="21">
<div align="center"><b><font size="5" color="#0033CC">74.建立自己的悬停按钮</font></b></div>
</td>
</tr>
<tr>
<td bgcolor="#2F88D0" valign="top" class="zaixian">
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">
<tr>
<td bgcolor="#2F88D0" valign="top" class="zaixian" height="80%">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="zaixian">
<tr>
<td width="44%" valign="top"> 当用户的鼠标指向Web页上的某些按钮时，这些按钮会不断改变颜色、移动或闪烁，想知道这些按钮是怎样制作的吗？Microsoft
FrontPage可以很容易地做到这一点。 <br>
首先，您需要创建两个不同的按钮。其中一个按钮在页面初次加载时显示，另一个与该按钮略有不同的按钮则在用户鼠标指向该按钮时显示。用户可以使用任何图形创作软件来创建自己的图形。
<br>
在创建自己的图形后，用户可以使用以下操作将图像放在网页上：
首先执行“插入”菜单中的“Web组件”命令。如图5.5.74-1。在弹出对话框左边列表中选择“
动态效果”，右边列表中选择“悬停按钮”，单击“确定”。如图5.5.74-2。系统弹出“悬停按钮属性”对话框，在链接到框中输入在按钮被点击时显示的页面URL或文件；在按钮文本框中输入悬停按钮的文本标签。如果所创建的图形已经包含一个文本标签，则保留该框的空白状态，在宽度和高度框中分别输入以像素计的图片宽度和高度，然后单击确定。悬停按钮的大小必须与为悬停效果使用的图片相匹配。完成以后单击“自定义”。
如图5.5.74-3。在“自定义图片”的“按钮”输入框中输入初次打开该页面时看到的图片的</td>
<td valign="top" width="56%">
<div align="center"><img src="images/5.5.74-1.JPG" width="171" height="289" align="top"><br>
5.5.74-1 </div>
</td>
</tr>
<tr>
<td colspan="2">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="zaixian">
<tr>
<td valign="top">URL；在“悬停时”框中输入的鼠标悬停在该按钮上时显示的图片。然后单击“确定”。如图5.5.74-4。如果用户没有现成的图形，可以选择FrontPage中内建的悬停效果，如发光或凹凸效果，以快速添加页面交互性。</td>
<td>
<div align="right"><img src="images/5.5.74-2.JPG" width="525" height="329"><br>
5.5.74-2</div>
</td>
</tr>
<tr>
<td colspan="2">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="zaixian">
<tr>
<td valign="top"> </td>
<td valign="top">
<div align="center"><img src="images/5.5.74-3.JPG" width="428" height="219"><br>
5.5.74-3<br>
<img src="images/5.5.74-4.JPG" width="419" height="237"><br>
5.5.74-4</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<br>
<table width="50%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="33%" class="zaixian">
<div align="center"><a href="5.5.73.htm">上一页</a></div>
</td>
<td width="33%" class="zaixian">
<div align="center"><font color="#FF0000">第五节</font></div>
</td>
<td width="33%" class="zaixian">
<div align="center"><a href="5.5.75.htm">下一页</a></div>
</td>
</tr>
</table>
<br>
</center>
</div>
<hr width="70%" align="center">
<div align="center">
<p class="zaixian"><br>
Copyright©1989-2002 Computer Fan All Rights Reserved </p>
</div>
</body>
</html>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -