1、網頁設計里關於滑動門特效問題
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
<link href="mmm.css" type="text/css" rel="stylesheet" />
<script>
function yb()
{
var x1=document.getElementById("diyi");
var x2=document.getElementById("dier");
var x3=document.getElementById("disan");
x1.className="diyi";
x2.className="yincang"
x3.className="yincang"
}
function eb()
{
var x1=document.getElementById("dier");
var x2=document.getElementById("diyi");
var x3=document.getElementById("disan");
x1.className="dier";
x2.className="yincang"
x3.className="yincang"
}
function sb()
{
var x1=document.getElementById("disan");
var x2=document.getElementById("diyi");
var x3=document.getElementById("dier");
x1.className="disan";
x2.className="yincang"
x3.className="yincang"
}
</script>
</head>
<body>
<div id="all">
<div id="left" onmouseover="yb()"></div>
<div id="middle" onmouseover="eb()"></div>
<div id="right" onmouseover="sb()"></div>
<div id="diyi" class="diyi"></div>
<div id="dier" class="dier yincang"></div>
<div id="disan" class="disan yincang"></div>
</div>
</body>
</html>
這是頁面代碼，
<style>
#all{ width:330px; height:300px;}
#left{ width:100px; height:100px; background-color:#9F3; float:left; margin-right:10px;}
#middle{ width:100px; height:100px; background-color:#0F0; float:left; margin-right:10px}
#right{ width:100px; height:100px; background-color:#CF3; float:left;}
.diyi{ width:330px; height:200px; background-color:#0FF; margin-bottom:0px; float:left;}
.dier{ width:330px; height:200px; background-color:#CCC; float:left;}
.disan{ width:330px; height:200px; background-color:#FF6; float:left;}
.yincang{ display:none;}
</style>
這是CSS代碼
你直接使用X2這個的時候有沒有想過
var x2=document.getElementById("diyi");
var x2=document.getElementById("dier");
後面document.getElementById("dier")重新賦值給了X2？簡單點就是後面的起作用，前面的被覆蓋
2、Dreamweaver做網頁的下滑翻頁模式怎麼做？
這東西專業名詞叫 Carousel 走馬燈，剛不剛接觸這行業的不重要，你如果是給公司做開發，那你們公司框架里應該有自己UI庫，這些東西直接從引用庫里的組件就行了
如果你是私人做這東西的話 只要你有 html js css基礎 ，直接在你圖二網頁上 F12 照著人家的結構把html復制下來，css復制一份搞到自己css庫里，然後寫一點簡單的js就出來效果了
3、css問題，怎麼更改樣式讓網頁可以下滑
在絕對定位的最外層增加一個div，然後吧絕對定位的高度用js賦值給這個div，然後給這個div加上overflow:hidden;的樣式，就可以出現滾動了，當然高度要超過屏幕才會
4、我們要做一個網頁設計，我做了幾個頁面，我現在需要把鏈接到一起，但是我想做那種類似滑動的效果
是不是想要實現滑鼠到那一個按鈕那邊 就顯示你做的那個頁面？？？
這個是個js調用 你在網上直接搜js滑動框 就能找到了 具體方式查一下吧 我一寫代碼 就把我屏蔽了！！！！唉！
希望能幫到你
5、網頁製作，慢慢下拉的菜單怎麼做？
這個效果你可以通過2中途徑實現，使用框架或者是使用JavaScript代碼。
1.使用框架：查找框架中的二級菜單組建，如Bootstrap中的導航條中的二級菜單。下面的是一個二級下拉菜單的例子
詳細內容參見http://v3.bootcss.com/components/#navbar
2.使用JavaScript代碼。使用jQuery的動畫實現，如slideToggle()可使元素上下滑動，並且可以使用參數控制快慢。
<script>slideToggle()請參考http://www.w3school.com.cn/jquery/jquery_slide.asp
6、網頁設計中怎麼在頁面中設置一個滾動條
css屬性 overflow-y:auto; DIV裡面的內容超過DIV的高度，右邊就會自動出現滾動條
1、用一個div，定製成圖中的寬度和高度
2、然後再把div的樣式設成overflow-y:scroll，當div里的文字超出那個高度的時候，滾動條就出來了。
例如：<div style="width:100px; height:100px; overflow:auto; border:1px solid #000000;"><img src="" style="width:300px; height:300px;"></div>
7、網頁中滾動條可以觸發animate動畫效果么，就是邊滾動條下滑，邊出現其效果？
你可以去來創業素材下載響應式模板，這些模板就有你想要的這個邊滾動邊顯示特效
8、html 網頁打開一部分內容下滑400px左右這個效果怎麼做出來？
js或者css3都可以直接實現
9、網頁設計：下拉菜單的十幾種表現形式
網頁設計或者應用UI網頁設計中經常會出現下拉菜單，主要是會將不常用的同類選項或者提醒放置其中，如何設計下拉菜單，網頁設計出圖片以及裁剪後的大小，然後後台再把這些做起來，這些作品或許能給你啟發。下面先看下這些作品的設計風格，我相信會對你們有大的啟發的，設計感實在是需要慢慢的積累創新的，時代進步不得不把我們帶的進步。具體內容可以參看百家號