📄 products.html

📁 80套经典网页设计模版 80套完整的经典网页设计模板
💻 HTML
字号:
<html>

<HEAD>

<TITLE>Products </TITLE>

</HEAD>


<script language="JavaScript"><!--

browserName = navigator.appName;

browserVer = parseInt ( navigator.appVersion );



version = "n2";

if ( browserName == "Netscape" && browserVer >= 3 ) version = "n3";

if ( browserName == "Microsoft Internet Explorer" && browserVer >=4 ) version = "e4";



if ( version == "n3" || version == "e4" )

{


  blank2 = new Image(106, 68);
  blank2.src = "images/menu/roll_home.gif";

  aboutroll = new Image(106, 68);
  aboutroll.src = "images/menu/roll_1.gif";

  productsroll = new Image(106, 68);
  productsroll.src = "images/menu/roll_2.gif";

  newsroll = new Image(106, 68);
  newsroll.src = "images/menu/roll_3.gif";

  linksroll = new Image(106, 68);
  linksroll.src = "images/menu/roll_4.gif";

  guestsroll = new Image(106, 68);
  guestsroll.src = "images/menu/roll_5.gif";

  emailroll = new Image(106, 68);
  emailroll.src = "images/menu/roll_6.gif";






        about_on = new Image ( 134, 94 );

        about_on.src = "images/menu/about_on.gif";

        products_on = new Image ( 72, 69 );

        products_on.src = "images/menu/products_on.gif";

        news_on = new Image ( 134, 70 );

        news_on.src = "images/menu/news_on.gif";

        links_on = new Image ( 134, 94 );

        links_on.src = "images/menu/links_on.gif";

        guestbook_on = new Image ( 134, 94 );

        guestbook_on.src = "images/menu/guestbook_on.gif";

				email_on = new Image ( 134, 70);

        email_on.src = "images/menu/email_on.gif";





        about_off = new Image ( 134, 94 );

        about_off.src = "images/menu/about_off.gif";

        products_off = new Image ( 134, 108 );

        products_off.src = "images/menu/products_off.gif";

        news_off = new Image ( 134, 70 );

        news_off.src = "images/menu/news_off.gif";

        links_off = new Image ( 134, 94 );

        links_off.src = "images/menu/links_off.gif";


        guestbook_off = new Image ( 134, 108 );

        guestbook_off.src = "images/menu/guestbook_off.gif";

				email_off = new Image ( 134, 70 );

        email_off.src = "images/menu/email_off.gif";






}



function button_on ( imgName )

{

        if ( version == "n3" || version == "e4" )

        {

                butOn = eval ( imgName + "_on.src" );

                document [imgName].src = butOn;

        }

}



function button_off ( imgName )

{

        if ( version == "n3" || version == "e4" )

        {

                butOff = eval ( imgName + "_off.src" );

                document [imgName].src = butOff;

        }

}

// --></script>




<body bgcolor="#000000" link="333333" alink="ffffff" vlink="333333">




<center>

<table border=0 cellpadding=0 cellspacing=0 width=98% height=98%>

<tr><td align=right valign=top>



<table border=0 cellpadding=0 cellspacing=0><tr>

<td rowspan=2>
<a href="index.html">
<img src="images/menu/roll_home.gif" border="0" name="blank"></a></td>


<td>
<a href="about.html"
onmouseout="button_off('about'); 
blank.src = blank2.src;
return true" 
onmouseover="button_on('about'); 
blank.src = aboutroll.src;
return true">
<img src="images/menu/about_off.gif" border="0" name="about"></a></td>

<td>
<a href="products.html"
onmouseout="button_off('products'); 
blank.src = blank2.src;
return true" 
onmouseover="button_on('products'); 
blank.src = productsroll.src;
return true">
<img src="images/menu/products_off.gif" border="0" name="products"></a></td>

<td>
<a href="news.html"
onmouseout="button_off('news'); 
blank.src = blank2.src;
return true" 
onmouseover="button_on('news'); 
blank.src = newsroll.src;
return true">
<img src="images/menu/news_off.gif" border="0" name="news"></a></td>

<td>
<a href="links.html"
onmouseout="button_off('links'); 
blank.src = blank2.src;
return true" 
onmouseover="button_on('links'); 
blank.src = linksroll.src;
return true">
<img src="images/menu/links_off.gif" border="0" name="links"></a></td>

<td>
<a href="guests.html"
onmouseout="button_off('guestbook'); 
blank.src = blank2.src;
return true" 
onmouseover="button_on('guestbook'); 
blank.src = guestsroll.src;
return true">
<img src="images/menu/guestbook_off.gif" border="0" name="guestbook"></a></td>


<td>
<a href="mailto:you@wherever.whatever?subject=my site"
onmouseout="button_off('email'); 
blank.src = blank2.src;
return true" 
onmouseover="button_on('email'); 
blank.src = emailroll.src
return true">
<img src="images/menu/email_off.gif" border="0" name="email"></a></td>
</tr>

<tr>
<td colspan=6>
<a href="index.html">
<img src="images/menu/bott.gif" border="0"></a></td></tr>

</table>

</td></tr>
<tr><td valign=top align=right>



<table border=0 width=100% cellpadding=0 cellspacing=0 height=98%>
<tr><td align=right valign=middle>

<table border=0 cellpadding=0 cellspacing=0 width=75%>

<tr>
<td valign=top><img src="images/titles/products.gif"></td>



<td valign=top>

<table border=0 cellpadding=30 cellspacing=0 bgcolor="999999"><tr><td>

<font face="arial,helvetica" color="000000" size=2>
Here's what we do...

<ul>
<li> Product 1<BR>
Info on this porducts and whatever else you want and maybe a link to that product's own page<P>
<li> Product 2<BR>
Info on this porducts and whatever else you want and maybe a link to that product's own page<P>
<li> Product 3<BR>
Info on this porducts and whatever else you want and maybe a link to that product's own page<P>

</ul>
</font></td>
</tr></table>

</td></tr>


</table>

</td></tr></table>

</td></tr></table>
</body>
</html>
⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -