導航:首頁 > 萬維百科 > 網頁設計設置點擊圖片就放大

網頁設計設置點擊圖片就放大

 發布時間：2021-01-09 20:08:02

1、網頁圖片怎麼才能一點圖就放大呢

通過滾輪來控制圖片大小，在頁面的頭部<head>跟</head>之間插入以下語句就可以版了：
<script>
function on_mousewheel()
{
var o = event.srcElement;

if(o.tagName == 'IMG' && o.offsetWidth > 320)
{
var zoom=parseInt(o.style.zoom, 10)|權|100;
zoom+=event.wheelDelta/20;
if (zoom>0) o.style.zoom=zoom+'%';

return false;
}

return true;
}

document.onmousewheel = on_mousewheel;</script>

BLOG里你可能無法禁止.

2、網頁設計中。點擊小圖片能放大圖片的效果是怎麼做的？

可以用js控制圖片的大小，元素.style.width，元素.style.height

3、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、點擊小圖後，成功顯示了大圖。

4、在dreamweaver中一張小圖片我一點擊,它就放大,怎樣做

試試這個圖片放大效果

滑鼠移上去就會顯示放大圖片

裡面有教程和源碼

5、HTML頁面，我想製作一個點擊圖片全屏放大，再點擊就恢復大小的效果，用JS怎麼實現，CSS可以嗎，來高手

附件是一個簡單的點擊放大的效果, 你可以看一下

6、網頁製作代碼,點擊圖片放大

header

7、網頁製作高手請進在網頁中怎樣讓小圖片點擊以後放大（

不是高手只會簡單的，像我這樣js只會一點的，可以想到如下辦法：

直接css做，一張小圖片一張大圖片，當滑鼠過去的時候小圖片換大圖片

js做，寫一個onclick事件，點擊的時候改變圖片的width，height屬性就是了

直接在網上去找高手們分享的js插件，稍微修改一下就可以運用在自己的網頁了

8、網頁設計 滑鼠滑過 圖片自動放大怎麼做的代碼，或者如何做？

兩個方法：
1、用CSS，可以實現這種效果很簡單，但是不好看，：
容器寬高度設置為大圖片的寬高度，將圖片做成背景，在hover裡面寫個大圖的背景就行了，這樣挺難看的，從小圖變大圖沒有過度，一步到位；
2、用js做，不貼代碼了，你可以直接搜索js幻燈片效果代碼，站酷和阿里西西兩個網站都不錯，免費下載這些效果代碼的。

與網頁設計設置點擊圖片就放大相關的知識