1、網頁設計 滑鼠滑過 圖片自動放大怎麼做的代碼,或者如何做?
兩個方法:
1、用CSS,可以實現這種效果很簡單,但是不好看,:
容器寬高度設置為大圖片的寬高度,將圖片做成背景,在hover裡面寫個大圖的背景就行了,這樣挺難看的,從小圖變大圖沒有過度,一步到位;
2、用js做,不貼代碼了,你可以直接搜索js幻燈片效果代碼,站酷和阿里西西兩個網站都不錯,免費下載這些效果代碼的。
2、網頁設計關於插件放大的問題
如果是想調節這個插件,調width=800 height=200這兩個就可以了,width是寬,height是高
3、怎麼樣把HTML代碼裡面的字體放大 放大的代碼是什麼 ?
<html>
<head><title>字體大小 font size</title></head><body>
<p><font size="1">這段文字的字體大小值為1。</font></p>
<p><font size="2">這段文字的字體大小值為2。</font></p>
<p><font size="3">這段文字的字體大小值為3。</font></p>
<p><font size="4">這段文字的字體大小值為4。</font></p>
<p><font size="5">這段文字的字體大小值為5。</font></p>
<p><font size="6">這段文字的字體大小值為6。</font></p>
<p><font size="7">這段文字的字體大小值為7。</font></p></body>
</html> 數字代表大小...越大的數字代表字體更大.

(3)網頁設計放大代碼擴展資料
html5 和 html的區別:
1.在文檔類型聲明上
html:<!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">
html5:<!doctype html>
在文檔聲明上,html有很長的一段代碼,並且很難記住這段代碼,而html5卻不同,只有簡簡單單的聲明,這也方便人們的記憶。
2.在結構語義上
html:沒有體現結構語義化的標簽,通常都是這樣來命名的<div id="header"></div>,這樣表示網站的頭部。
html5:在語義上卻有很大的優勢。提供了一些新的標簽,比如:<header><article><footer>。
4、有誰可以告訴我web網頁製作中通過三個按鈕控制頁面上的一段文字放大,縮小,恢復到原始大小的代碼?
先下載jquery-1.2.6.pack.js,包含到文件中
<div class="fsize">
<h3><em>Enlarge</em><span>Font-size:12px</span><strong>Small</strong></h3>
<div>
<p>
Andy Moor – Fake Awake (Eco mix) (Anjunabeats)
Humate – Love Stimulation (Glenn Morrison & Bruce Aisher mix) (Poker Flat
</p>
</div>
</div>
<div class="fsize">
<h3><em>Enlarge</em><span>Font-size:12px</span><strong>Small</strong></h3>
<div>
<p>
Andy Moor – Fake Awake (Eco mix) (Anjunabeats)
Humate – Love Stimulation (Glenn Morrison & Bruce Aisher mix) (Poker Flat
</p>
</div>
</div>
樣式CSS:
.fsize{ border:1px solid #444; margin:10px; height:auto;}
.fsize div p{ line-height:1.5em; padding:10px;}
.fsize h3{ font-size:12px; font-weight:500; height:24px; text-align:right; padding:0 10px; line-height:24px; background:#f0f0f0; display:block;}
.fsize h3 em,
.fsize h3 strong{ font-weight:500; color:#c00; font-style:normal; cursor:pointer;}
.fsize h3 em,
.fsize h3 span{ float:left; margin-right:6px; text-align:left;}
腳本JS:
<!--先要鏈接上JQ庫 我們這個例子是基於Jquery的-->
<script type="text/javascript" src="jquery-1.2.6.pack.js"></script>
下面是腳本:
$(document).ready(function(){
//字體變大 class為.fsize 的h3 下的 em 元素被點擊時:
$(".fsize h3").find("em").click(function(){
//算出h3 下面的 div 中的 p 的字型大小
var size=parseInt( $(this).parent().next("div").find("p").css("font-size"),10);
//最大為22號字
if(size<22)
{
//字型大小累加2
size+=2;
//用h3中的span 標簽顯示當前字型大小
$(this).next("span").html("Font-size:"+size+"px");
//重新定義調整過的字型大小
$(this).parent().next("div").find("p").css({"font-size":size+"px"});
}else
{
//大於22號時提示這已經是最大了
$(this).next("span").html("This is the MAX font-size already!");
}
})
//字體變小原理與變大基本相同 注意size 應該是局部變數每次都要算
$(".fsize h3").find("strong").click(function(){
var size=parseInt( $(this).parent().next("div").find("p").css("font-size"),10);
//最小為12
if(size>12)
{
size-=2;
$(this).prev("span").html("Font-size:"+size+"px");
$(this).parent().next("div").find("p").css({"font-size":size+"px"})
}else
{
//提示當前已經是最小
$(this).prev("span").html("This is the MIN font-size already!");
}
})
//離開時仍然顯示字型大小
$(".fsize").mouseout(function(){
var size=$(this).find("div").find("p").css("font-size");
$(this).find("h3 span").html("Font-size:"+size);
})
})
5、在網頁設計中表示字體大小的怎麼寫呢,比如說18px
一般中文的字體大小是12px或者14px。隨著顯示器解析度不斷提高,12px的文字在大於1440*900的顯示器里看起來會顯得比較小,閱讀起來不是很容易,所以現在網頁設計裡面用12px的已經比較少了,特別是文章正文部分,普遍都會用14px。13px的字體在IE6下面會有一點點顯示上的bug,所以現在用得也不太多,不過隨著IE6慢慢被淘汰,這個問題也不再是一個問題了。而對於標題欄的文字大小,沒有特別的限制,視覺上感覺舒服就行。
字體大小代碼:font-size:14px(字體大小14像素)
對於font-family,一般來說14px及以下大小的文字,應當設置為宋體,當然也可以設置為微軟雅黑。不過在XP下默認是沒有雅黑字體的,所以在css裡面可以這樣設置字體:
font-family:"Microsoft Yahei",simSun,Arial;
把幾個字體用逗號隔開,如果系統沒有第一種字體,就用第二種,如果沒有第二種就用第三種,以此類推。
6、在製作網頁時如何編寫代碼使網頁的大小適合任何瀏覽器
<meta name="viewport" content="width=device-width, initial-scale=1"/>網頁頭部寫上上面那句話,然後HTML標簽寬度用百分比,還要寫自適應css代碼,用媒體查詢,也就是@media,具體可以百度一下~
7、網頁設計中,font如何精確字體大小?
一般中文的字體大小是12px或者14px。隨著顯示器解析度不斷提高,12px的文字在大於1440*900的顯示器里看起來會顯得比較小,閱讀起來不是很容易,所以現在網頁設計裡面用12px的已經比較少了,特別是文章正文部分,普遍都會用14px。13px的字體在IE6下面會有一點點顯示上的bug,所以現在用得也不太多,不過隨著IE6慢慢被淘汰,這個問題也不再是一個問題了。而對於標題欄的文字大小,沒有特別的限制,視覺上感覺舒服就行。字體大小代碼:font-size:14px(字體大小14像素)。
8、網頁設計中,font 如何 精確 字體大小?
你好!你現在的size是html中的字體尺寸,這種不適合在頁面中作設置,這樣會影響整體字體大小的效果。你是好的方法就是要用CSS來做字體大小,這樣會很精確地做到。通常情況下,字體大小都是像素px為單位,用CSS來做設置的話,那如下例所示:
字體設置成為宋體12像素字體:.px12{font-family:宋體; font-size:12px}
那如何調用:<font class="px12">這是設置宋體12像素字體效果</font>
直接寫入頁面也是同樣達到效果,方法為:<font style="font-family:宋體; font-size:12px"></font>
那樣你字體大小就可以很好地精確起來,就不會一下子這么大這么難看了,你可以試一下。
希望我的回答能令你滿意!
9、html頁面裡面如何實現點擊小圖放大查看大圖
需要准備的材料分別有:電腦、瀏覽器、html編輯器。
1、首先,打開html編輯器,新建html文件,例如:index.html。

2、在index.html中的<style>標簽中,輸入css代碼:
div {width: 72px;height: 72px;background: url(small3.png) no-repeat;overflow: hidden;}

3、瀏覽器運行index.html頁面,此時成功將矩形圖片只顯示了正方形部分。

4、點擊小圖後,成功顯示了大圖。
