html5 鼠標(biāo)放在下面的圖片時(shí)，會(huì)放大到中間就像圖片呢樣。求代碼

!DOCTYPE html

創(chuàng)新互聯(lián)主要從事成都網(wǎng)站制作、做網(wǎng)站、外貿(mào)營(yíng)銷(xiāo)網(wǎng)站建設(shè)、網(wǎng)頁(yè)設(shè)計(jì)、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)扎賚諾爾,十多年網(wǎng)站建設(shè)經(jīng)驗(yàn),價(jià)格優(yōu)惠、服務(wù)專(zhuān)業(yè),歡迎來(lái)電咨詢(xún)建站服務(wù):18980820575

html

head

meta charset="utf-8" /

script type="text/javascript" src="jquery-1.7.2.min.js"/script

style type="text/css"

*{

margin: 0;

padding: 0;

}

.hbody{

margin-left: 25%;

}

.show{

margin-left: 160px;

width: 200px;

height: 200px;

border: 1px solid #EEEEEE;

}

.show img{

width: 200px;

height: 200px;

}

.tab{

border: 1px solid #eee;

width: 535px;

height:100px ;

}

.tab img{

border: 1px solid #eee;

width: 100px;

height: 100px;

cursor: pointer;

}

/style

/head

body

div class="hbody"

div class="show"

img /

/div

div class="tab"

img src="1.jpg" /

img src="2.jpg" /

img src="3.jpg" /

img src="4.jpg" /

img src="5.jpg" /

/div

/div

/body

script

$(function(){

var Src = $('.tab').find('img').eq(0).attr('src');

$('.show').find('img').attr('src',Src)

})

$('.tab').find('img').mouseover(function(){

var inx = $(this).index();

var Imgsrc = $('.tab').find('img').eq(inx).attr('src');

$('.show').find('img').attr('src',Imgsrc)

})

/script

/html

引一個(gè)jquery文件，圖片地址替換一下就可以了

html中點(diǎn)擊放大鼠標(biāo)劃過(guò)放大還有什么

縮小。點(diǎn)擊放大鼠標(biāo)劃過(guò)是一款比較常見(jiàn)的html5book電子書(shū)翻頁(yè)效果，鼠標(biāo)滑過(guò)來(lái)放大（縮?。┓糯箸R尺寸，可以制作出圖片放大鏡效果。

ios加載html5的webview為什么點(diǎn)擊會(huì)放大

光有meta頭是不夠的，圖片、表格等等任意一個(gè)自定義寬或者自動(dòng)寬的元素都可以把你的界面撐開(kāi)，如果簡(jiǎn)單點(diǎn)處理，可以強(qiáng)制給img和table標(biāo)簽加max-width:100%處理，html標(biāo)簽加width:100%;overflow:hidden;

我用html5 做了個(gè)手機(jī)網(wǎng)站 如何讓圖片本身100%放大

html5頁(yè)面加入這段

meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=2,user-scalable=no"/

maximum-scale=2 表示頁(yè)面最大放大2倍，這樣你只要雙擊圖片就可以實(shí)現(xiàn)放大了，如果是要js來(lái)實(shí)現(xiàn)的話(huà) 那就得寫(xiě)拖動(dòng)插件了。 原理：先改變圖片那個(gè)div的寬度為2倍然后定義那個(gè)div為絕對(duì)定位，這個(gè)div可以拖動(dòng)（需要js來(lái)監(jiān)聽(tīng)處理對(duì)應(yīng)的函數(shù)）

所以簡(jiǎn)單的做還是就用瀏覽器自帶的放大功能吧