1、網頁設計怎麼做出以下效果，就是滑鼠放到紅圈內時圖片會漸變切換的，謝謝了！
這是js特效，你去懶人圖庫看看，那裡有很多這類的
2、如何使用網頁漸變色來提升設計逼格
一、垂直線性漸變
拉漸變是Photoshop的基礎操作，那麼如何運用的好看了?顏色選擇才是關鍵
我們把一個漸變顏色拆分成A B C三個顏色，每個顏色用HSB標注顏色色值。
這是某App的一組引導畫面，運用了三組漸變顏色，分別標注HSB的色值，通過這組色值的變化，分析如下。
A色 B值非常高，普遍50以上
從A色到B色，H值的變化范圍為正負30到70，S值減少10，說明B顏色略變淡。
從B色到C色，H值的變化范圍為正負30到40，S值增加15到50，說明C顏色開始變濃。
以上色值僅供參考，實際使用並非整數。根據以上規律去有規則的使用漸變色。
二、垂直線性漸變+球形漸變
Web界面面積比較大，在大面積使用漸變的時候。如果只是使用垂直的線性漸變是略顯單調的，這個時候我們需要加一個球形的漸變。
A+B+C色構成一個漸變，這時候我們再補充一個D色的球形漸變並高斯模糊。D色的圓形矢量形狀要轉換為智能對象，這樣調節高斯模糊及大小的時候可以無損調整。如果界面上需要運用圖片，我們再補充一個80%透明度的E色，疊加在去色後的圖片上。這樣界面會層次會更加豐富。
三、多角度球形漸變
想讓界面更加絢麗，這時候我們可以考慮多組球形漸變搭配使用。例如最新改版的instagram就是一組線性漸變，加兩組球形漸變組成。球形漸變也是由多組顏色構成。
四、色塊漸變
漸變的顏色不只可以運用在一個色塊上，還可以運用在一組色塊上。設計師運用一組近似性色彩，將每個菜單項清晰區分開，讓界面平衡在一個頻率上，這樣的畫面更有節奏感和舒適性。
3、網頁製作.使用macromedia dreamweaver8怎麼在網頁表格加漸變色的背景
樓上說的很對。
<table style="background: url(背景圖片路徑) " >,
背景圖片可以弄成漸變的。
這樣就行了。
4、怎麼設計css網頁背景顏色過渡?
CSS實現漸變背景效果兼容主流瀏覽器
IE瀏覽器下漸變背景的使用需要使用IE的漸變濾鏡filter
對於Firefox瀏覽器下(Firefox 3.6+)漸變背景的實現需使用CSS3漸變屬性 為-moz-linear-gradient屬性
對於webkit核心的瀏覽器，如Chrome/Safari瀏覽器下漸變背景的實現也是使用CSS3 漸變方法為-webkit-gradient
代碼如下：
.gradient{
width:300px;
height:150px;
filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=red,endcolorstr=blue,gradientType=0);/*IE*/
-ms-filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=red,endcolorstr=blue,gradientType=0);/*IE8*/
background:red; /* 一些不支持背景漸變的瀏覽器 */
background:-moz-linear-gradient(top, red, rgba(0, 0, 255, 0.5)); /*Firefox*/
background:-webkit-gradient(linear, 0 0, 0 bottom, from(#ff0000), to(rgba(0, 0, 255, 0.5))); /*Chrome/Safari*/
}
<div class="gradient"></div>
5、網頁設計：如何讓兩張背景圖片融合在一起（漸變）？
看看是不是同一個背景圖。是的話改圖，不是的話去掉單獨的樣式。
6、網頁設計中實現點擊圖片，圖片漸變的方法？
?
7、如何使用網頁漸變色來提升設計逼格
直接用圖簡單；
通過使用 css3 漸變可以讓背景兩個或多個指定的顏色之間顯示平穩的過渡，由於用到css3所以需要考慮下瀏覽器兼容問題，例如：
從左到右的線性漸變，且帶有透明度的樣式：
#grad {
background: -webkit-linear-gradient(left,rgba(255,0,0,0),rgba(255,0,0,1)); /* Safari 5.1 - 6 */
background: -o-linear-gradient(right,rgba(255,0,0,0),rgba(255,0,0,1)); /* Opera 11.1 - 12*/
background: -moz-linear-gradient(right,rgba(255,0,0,0),rgba(255,0,0,1)); /* Firefox 3.6 - 15*/
background: linear-gradient(to right, rgba(255,0,0,0), rgba(255,0,0,1)); /* 標準的語法 */
}
其中rgba()中的4個數字，前3個為顏色rgb，最後1個是透明度，取值0-1，0為透明,1為不透明。
8、網頁中高度或寬度是1像素的背景漸變圖是怎麼製作的呢？
這個是通過之前的圖片進行設計好的，然後通過代碼、css組織起來的。
9、用dreamweaver，製作一個頁面，如何做到在該頁面中每單擊一次圖片，用漸變效果變換為另一個圖片。
不知道你說的是直接單擊圖片還是怎麼樣？我自己用的是網上的JS代碼和一個顯示用的flash還有一些調用的圖片就可以了
！！
這是JS代碼：//首頁里的圖片切換效果JS文件
imgUrl1="index_file/images/1.jpg";
imgtext1="上海明珠塔樂樂留照哈"
imgLink1=escape("");
imgUrl2="index_file/images/2.jpg";
imgtext2="學校樂樂留照哈"
imgLink2=escape("");
imgUrl3="index_file/images/3.jpg";
imgtext3="上海留照哈"
imgLink3=escape("");
var focus_width=634
var focus_height=196
var text_height=0
var swf_height = focus_height+text_height
var pics=imgUrl1+"|"+imgUrl2+"|"+imgUrl3
var links=imgLink1+"|"+imgLink2+"|"+imgLink3
var texts=imgtext1+"|"+imgtext2+"|"+imgtext3
document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="'+ focus_width +'" height="'+ swf_height +'">');
document.write('<param name="allowScriptAccess" value="sameDomain"><param name="movie" value="/index_file/flash/lele.swf"><param name="quality" value="high"><param name="bgcolor" value="#F0F0F0">');
document.write('<param name="menu" value="false"><param name=wmode value="opaque">');
document.write('<param name="FlashVars" value="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'">');
document.write('<embed src="pixviewer.swf" wmode="opaque" FlashVars="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'" menu="false" bgcolor="#F0F0F0" quality="high" width="'+ focus_width +'" height="'+ focus_height +'" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />'); document.write('</object>');
具體在這里發不了其它附件了，效果查看在：www.lele1988.cn首頁圖片切換效果！你留下你的郵箱，我發送給你吧！或者聯系下我，我直接傳給你使用！參考學習下！E-mail：[email protected]
------------------
不知道是不是你要的！