比較方便的onMouseWheel縮放圖片效果 原創(chuàng)
原創(chuàng) 更新時間：2006年09月06日 00:00:00 原創(chuàng) 作者：
復(fù)制代碼 代碼如下:
<HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<TITLE>onMouseWheel縮放圖片效果－www.fzitv.net</TITLE>
<body>
<script>
function bbimg(o)
{
var zoom=parseInt(o.style.zoom, 10)||100;
zoom+=event.wheelDelta/12;
if (zoom>0) o.style.zoom=zoom+'%';
}
function addthis()
{
var e=window.event?window.event:e;
var srcE=e.srcElement?e.srcElement:e.target;
if(!srcE) return;
//author:reterry(dxy) www.fzitv.net歡迎轉(zhuǎn)載，轉(zhuǎn)載時請寫明出處。
if (String(srcE.tagName).toLowerCase()=='img'){
//alert('好');
bbimg(srcE)
}
}
function backthis(){
var e=window.event?window.event:e;
var srcE=e.srcElement?e.srcElement:e.target;
if(!srcE) return;
//author:reterry(dxy) www.fzitv.net歡迎轉(zhuǎn)載，轉(zhuǎn)載時請寫明出處。
if ((String(srcE.tagName).toLowerCase()=='img')&&(window.event.ctrlKey)){
//alert('好');
srcE.style.zoom='100%';
}}
document.onmousewheel=addthis;
document.onmouseout=backthis;
</script>
<A id=ImgSpan href="http://www.fzitv.net/logos.gif" target=_blank><IMG src="http://www.fzitv.net/logos.gif" border=0></A>
<br>鼠標(biāo)滑輪滾動查看效果，Author:reterry(dxy) www.fzitv.net歡迎轉(zhuǎn)載，轉(zhuǎn)載時請寫明出處。<br>按住ctrl鍵然后鼠標(biāo)從圖片上移開，圖片可恢復(fù)原始大小</body></html>
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
相關(guān)文章
最近寫的一個關(guān)于圖片切換的js，拿出來和大家分享一下2011-07-07
這是一款比較有立體感的圖片瀏覽器，通過圖層定位技術(shù)z-index讓瀏覽器正在查看的圖片突顯出來，并讓兩邊的圖片呈現(xiàn)半透明狀態(tài)。很個性化哦！2010-02-02
圖片輪換顯示效果,學(xué)習(xí)js的朋友可以參考下。2010-03-03
有時候我們的圖片上傳等功能，需要驗(yàn)證客戶端的圖片大小，比較只能上傳小于100K的圖片，這里客戶端先簡單的驗(yàn)證下。2010-04-04
當(dāng)鼠標(biāo)移動時，在title提示框中，顯示出設(shè)定的圖片。2009-11-11
在 IE6 中，可以很方便地利用 img 的 src 屬性，實(shí)現(xiàn)本地圖片預(yù)覽，然而在 IE7 中，這種辦法卻行不通。需要用 AlphaImageLoader2009-03-03![javascript dom代碼應(yīng)用 簡單的相冊[firefox only]](http://img.jbzj.com/images/xgimg/bcimg6.png)
javascript dom代碼應(yīng)用 簡單的相冊[firefox only]
最近一直對前端開發(fā)很感興趣，特別是在像jquery這種流行ajax類庫的幫助下，即使沒有很好的javascript功底也能做出不錯的動態(tài)效果，確實(shí)是方便。2010-06-06
就是在客戶端判斷上傳圖片的大小，尺寸，并生成預(yù)覽圖，用JavaScript實(shí)現(xiàn)的啊2008-10-10
javascript實(shí)現(xiàn)的一個圖片轉(zhuǎn)移效果
javascript實(shí)現(xiàn)的一個圖片轉(zhuǎn)移效果...2007-06-06
javascript批量檢查當(dāng)圖片不存在時則顯示默認(rèn)圖片的代碼
批量檢查圖片地址顯示是不是有錯誤，在ie瀏覽器中是有當(dāng)圖片不存在時的onerror事件的，下面的代碼即是非常不錯的應(yīng)用。2008-09-09