论文无忧网提供:计算机毕业论文范文|计算机毕业设计|计算机毕业论文
栏目导航 ASP Java Web .NET VB6.0 JAVA VC VF DELPHI PB 计算机网络 计算机科学与技术 PHP 安卓APP 其他 C# 代写论文
当前位置: > 计算机 > ASP >

(B)个人网站的设计2007版

5.1.2收藏板块

点击雨晴收集进入收藏板块,该板块收藏的有许多精品文章,如下图:

http://www.paper51.com

paper51.com

点击一具体文章,则进入该文章,如下图: 内容来自www.paper51.com

copyright paper51.com

该个人主页都使用了样式表,使整个个人主页的风格一致。

内容来自www.paper51.com

样式表的代码如下: paper51.com

<style type="text/css">

copyright paper51.com

<!--

copyright paper51.com

a:link { color: #000000; text-decoration: none} copyright paper51.com

a:visited { color: #000000; text-decoration: none} http://www.paper51.com

a:hover { color: #009966; text-decoration: underline}

copyright paper51.com

td { font-size: 9pt} 内容来自论文无忧网 www.paper51.com

body { font-size: 9pt}

copyright paper51.com

.hight { color: #000000; margin-top: 8px; ; ; cursor: hand}

内容来自论文无忧网 www.paper51.com

.input1 { font-size: 12px;; width: 100px; background-color: #BDB28C;border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px;border-left-width: 0px}

http://www.paper51.com

.hight2 { line-height: 15pt}

内容来自www.paper51.com

.whitea:link { color: #FFFFFF; font-weight: bold}

内容来自www.paper51.com

.l16{ line-height: 15pt}

内容来自论文无忧网 www.paper51.com

-->

内容来自论文无忧网 www.paper51.com

</style>

内容来自论文无忧网 www.paper51.com

5.1.3图库板块

内容来自www.paper51.com

点击雨晴图库进入图库板块,该板块收藏的有许多精美的图片,如下图: 内容来自www.paper51.com

http://www.paper51.com

点击一具体图片,则可以查看该图的原始大小图片,如下图:

内容来自论文无忧网 www.paper51.com

copyright paper51.com

图片链接的实现代码如下:

http://www.paper51.com

<tr> paper51.com

         <td width="20%" height="13">

paper51.com

           <div align="center"><a href="carton/01.jpg"target="_blank"><img src="carton/tn01.jpg" width="100"height="75" border="0"></a></div>

copyright paper51.com

         </td> http://www.paper51.com

         <td height="13" width="20%"> paper51.com

           <div align="center"><a href="carton/02.jpg"target="_blank"><img src="carton/tn02.jpg" width="100"height="75" border="0"></a></div> 内容来自www.paper51.com

         </td>

http://www.paper51.com

         <td height="13" width="20%">

内容来自www.paper51.com

           <div align="center"><a href="carton/03.jpg"target="_blank"><img src="carton/tn03.jpg" width="100"height="75" border="0"></a></div>

内容来自论文无忧网 www.paper51.com

         </td> http://www.paper51.com

         <td height="13" width="20%"> 内容来自论文无忧网 www.paper51.com

           <div align="center"><a href="carton/04.jpg"target="_blank"><img src="carton/tn04.jpg"width="100" height="75"border="0"></a></div>

内容来自论文无忧网 www.paper51.com

         </td> http://www.paper51.com

       </tr> http://www.paper51.com

       <tr> http://www.paper51.com

         <td width="20%">

paper51.com

           <div align="center"><a href="carton/05.jpg"target="_blank"><img src="carton/tn05.jpg"width="100" height="75"border="0"></a></div>

copyright paper51.com

         </td>

paper51.com

         <td width="20%"> 内容来自www.paper51.com

           <div align="center"><a href="carton/06.jpg"target="_blank"><img src="carton/tn06.jpg" width="100"height="75" border="0"></a></div>

paper51.com

         </td>

paper51.com

         <td width="20%"> 内容来自www.paper51.com

           <div align="center"><a href="carton/07.jpg"target="_blank"><img src="carton/tn07.jpg" width="100"height="75" border="0"></a></div> 内容来自论文无忧网 www.paper51.com

         </td> paper51.com

         <td width="20%"> copyright paper51.com

           <div align="center"><a href="carton/08.jpg"target="_blank"><img src="carton/tn08.jpg"width="100" height="75"border="0"></a></div>

内容来自www.paper51.com

         </td>

内容来自www.paper51.com

       </tr> paper51.com

       <tr>

内容来自论文无忧网 www.paper51.com

         <td width="20%">

copyright paper51.com

           <div align="center"><a href="carton/09.jpg"target="_blank"><img src="carton/tn09.jpg"width="100" height="75"border="0"></a></div>

http://www.paper51.com

         </td>

内容来自论文无忧网 www.paper51.com

         <td width="20%">

copyright paper51.com

           <div align="center"><a href="carton/10.jpg"target="_blank"><img src="carton/tn10.jpg" width="100"height="75" border="0"></a></div> copyright paper51.com

         </td>

copyright paper51.com

         <td width="20%"> http://www.paper51.com

           <div align="center"><a href="carton/11.jpg"target="_blank"><img src="carton/tn11.jpg" width="100"height="75" border="0"></a></div>

http://www.paper51.com

         </td> copyright paper51.com

         <td width="20%"> copyright paper51.com

            <divalign="center"><a href="carton/12.jpg"target="_blank"><img src="carton/tn12.jpg"width="100" height="75"border="0"></a></div> 内容来自www.paper51.com

         </td> 内容来自www.paper51.com

       </tr>

内容来自www.paper51.com

5.1.4音乐板块

http://www.paper51.com

点击雨晴音乐进入图库板块,该板块收藏的有许多精美的图片,如下图: 内容来自论文无忧网 www.paper51.com

copyright paper51.com

5.1.5动画板块

copyright paper51.com

进入动画板块,可以看到许多flash动画,如下图: 内容来自论文无忧网 www.paper51.com

内容来自论文无忧网 www.paper51.com

内容来自论文无忧网 www.paper51.com

实现在网页上显示flash动画的代码如下:

内容来自论文无忧网 www.paper51.com

<br> 内容来自www.paper51.com

      <objectclassid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0"width="500" height="400"> copyright paper51.com

       <param name="movie" value="1.swf">

paper51.com

       <param name="quality" value="high"> copyright paper51.com

       <embed src="%CC%F8%CE%E8%B5%C6.swf"quality="high"pluginspage="http://www.macromedia.com/go/getflashplayer"type="application/x-shockwave-flash" width="500"height="400"></embed></object>

内容来自论文无忧网 www.paper51.com

      <br> paper51.com

      <br>

paper51.com

      <tablewidth="95%" border="0" cellspacing="0"cellpadding="0">

内容来自论文无忧网 www.paper51.com

       <tr bgcolor="#D6DB94"> copyright paper51.com

         <td height="1"></td>

http://www.paper51.com

        </tr> paper51.com

</table>

paper51.com

------分隔线----------------------------
联系方式