網頁設計選項卡切換圖片代碼

1、網頁中的選項卡怎麼製作?

得用到JS 在dreamweaver CS3中增加了這么一個功能 就算你不會JS 也能製作出來 很簡單

2、網頁設計中選項卡設計,每個選項卡下邊的內容能加表格嗎？

可以的，加表格和div都可以的以下是我用php+jstable選項卡寫的代碼：

<div id="tab">

<div class="Menubox">

<ul>

<li id="tab_1" class="hover" onclick="setTab(1,3)">徒步旅遊</li>

<li id="tab_2" onclick="setTab(2,3)">學生夏令營</li>

<li id="tab_3" onclick="setTab(3,3)">越野探險旅遊</li>

 </ul>

</div>

<div class="Contentbox">

<div id="con_1" class="hover" ><?php do { ?>

<div class="tjys"><img alt="<?php echo $row_tztj['title']; ?>" class="tjys_images" src="admin/kjj/<?php echo $row_tztj['images']; ?>" width="233" height="200" />

<h5><a href="tbzl_detail.php?id=<?php echo $row_tztj['id'];?>" class="A2" onFocus="blur()"><?php echo $row_tztj['title']; ?></a></h5></div> <?php } while ($row_tztj = mysql_fetch_array($result,MYSQL_BOTH)); ?>

 </div>

<div id="con_2" class="hide">

<?php do { ?>

<div class="tjys"><img  alt="<?php echo $row_xly['title']; ?>" class="tjys_images" src="admin/kjj/<?php echo $row_xly['images']; ?>" width="233" height="200" />

<h5><a href="tbzl_detail.php?id=<?php echo $row_xly['id'];?>" class="A2" onFocus="blur()"><?php echo $row_xly['title']; ?></a></h5></div> <?php } while ($row_xly = mysql_fetch_array($Rexly,MYSQL_BOTH)); ?>

</div>

<div id="con_3" class="hide">

 <?php do { ?>

<div class="tjys"><img  alt="<?php echo $row_txyy['title']; ?>" class="tjys_images" src="admin/kjj/<?php echo $row_txyy['images']; ?>" width="233" height="200" />

<h5><a href="tbzl_detail.php?id=<?php echo $row_txyy['id'];?>" class="A2" onFocus="blur()"><?php echo $row_txyy['title']; ?></a></h5></div> <?php } while ($row_txyy = mysql_fetch_array($Retxyy,MYSQL_BOTH)); ?>

 </div>

</div>

</div>

效果如下

3、網頁設計 … 如何實現一個效果，就是在網頁中放置一個吉祥物，滑鼠點擊吉祥物時，會出現一個選項卡

有個叫懶人圖庫的 你百度搜一下，裡面有你需要的這類效果，下載下來自己改一下就可以用。

4、求助，能否幫設計一個網頁橫向切換的選項卡，自動切換一輪後，停止在最後一個選項卡？

要實現這個功能你可以只接搜索JS來完成。焦點圖也是可以的。純CSS也可以完成。所以就看你的實際需要了。

5、如何在dreamweaver CS5裡面製作網站中幾個圖片的自動轉換？像Spry選項卡式面板，但不用點擊，自動轉換內容

你既然copy用到了dreamweaver cs5，那麼最好用一下這個版本新添加的Spry Widget，裡面有許多利用spry製作的小程序，可以點擊下載，修改一下就可以使用了。裡面就有幾個用spry製作的圖片輪播效果的程序。Spry Widget需要在adobe官網注冊一下，是免費的，注冊也不麻煩。你也可以下載一個看看源碼，學習一下自己做。

如果你不想利用Spry Widget，那麼只能自己編程了，或者下載別人編好的程序源代碼了，這種圖片輪播的源代碼網上是比較多的，當然很多不是利用spry製作的。

6、網頁動態選項卡製作，最好遠程協助

下載相關的腳步運行庫：由於採用JQuery腳本來實現網頁的動態效果，因此需要在網上搜索並下載相應的JQuery運動庫，下載完成後進行解壓縮，將解壓後的文件拷貝到網站的根目錄下。

創建網頁選項卡頁面：新建一網頁文件，命名為"index.html",利用文本編輯器打開，由於打算利用JQuery實現網頁的腳本，因此需要引入對JQuery運行庫的訪問。「index.html」文件的重要作用是給用戶呈現最基本的網頁選項卡框架，其中包括三個選項卡，每一個選項卡中包括若干二級超鏈接，當然也可以是其它的文本內容。在文件中輸入的代碼。代碼中包括對樣式文件「MyStyle.css」和腳本文件「MyJQuery.js」的引用，對於這兩個文件，我們將會在後面的講解中進行展示。對應的網頁效果。

接下來需要對該網頁進入美化：在當前目錄下新建一名稱為"MyStyle.css"的層疊樣式表文件，利用該文件實現網頁的美化。當然利用CSS進行美化操作的另一目地是實現網頁的內容與其表現形式的分離，這樣就可以使我們專注於網頁的美化，實現了更高效的分工合作理念。樣式表文件的源碼及對應的網頁效果。

實現對選項卡切換時的腳本控制：在當前目錄下創建另一文件，並命名為「MyQuery.js」。該文件的重要作用是實現選項卡的切換效果，當用戶滑鼠劃過其中的一個菜單時，該菜單將顯現高亮顯示狀態，同時位於該菜單下方的內容將會慢慢顯示出來，並做了相應的的改變，同時其它選項卡的高亮顯示狀態被取消，恢復為默認狀態。其源代碼。

對網頁製作效果進行測試：雙擊文件"index.html"，就會自動啟動瀏覽器，最終的網頁選項卡效果如圖。當用戶滑鼠劃過其中的一個菜單時，該菜單將顯現高亮顯示狀態，同時位於該菜單下方的內容將會慢慢顯示出來，並做了相應的的改變，同時其它選項卡的高亮顯示狀態被取消，恢復為默認狀態。

7、【30分】如何使自己製作的網頁在瀏覽時，瀏覽器選項卡里有小圖標？

<!--在瀏覽器地址欄顯示指定ICO圖標代碼-->
<link rel="shortcut icon" href="favicon.ico"><style type="text/css">

<!--在收藏夾顯示指定ICO圖標代碼專 -->
<link rel="Bookmark" href="favicon.ico">

favicon.ico 要放在你的站點根目屬錄下

8、dreamweaver網頁製作的spry選項卡式面板。

很好辦呢，在頁面引用的js文件里查找事件函數，把「滑鼠點擊」改成「滑鼠移過」就可以了。

9、網頁製作：如何讓兩個或多個滑動選項卡在同一頁運行，而互不影響

如果多個選項卡是復制的同一個，要把id修改一下，所有的id不能一樣

10、網頁設計 怎麼在網頁某個方框里顯示另一個網頁

可以使用iframe標簽來實現。

1、新建html文件，在body標簽中添加一個p標簽，然後在p標簽中添加一些文字，用瀏覽器打開html文檔，這時頁面中顯示的是當前頁面中的文字：

2、在body標簽中添加iframe標簽，為這個標簽設置「src」屬性，屬性值為需要添加網頁的地址，這里以百度官網為例，打開瀏覽器，可以發現頁面中除了原網頁內容外還有一個百度官網的頁面：

3、默認情況下iframe的窗口比較小，可以為iframe標簽設置「width」和「height」屬性控制另一個頁面的寬度和高度：