免费视频淫片aa毛片_日韩高清在线亚洲专区vr_日韩大片免费观看视频播放_亚洲欧美国产精品完整版

打開(kāi)APP
userphoto
未登錄

開(kāi)通VIP,暢享免費(fèi)電子書等14項(xiàng)超值服

開(kāi)通VIP
dom基礎(chǔ)2 — 實(shí)現(xiàn)鼠標(biāo)放大縮小查看圖片功能
<script type="text/javascript">    "use strict";    var console = window.console;    // var Event = require("./addEvent.js");    var dom = document.createElement('div');    dom.style.width = '600px';    dom.style.height = '600px';    dom.style.border = '1px solid gray';    dom.style.position = 'absolute';    dom.style.top = '0';    dom.style.bottom = '0';    dom.style.left = '0';    dom.style.right = '0';    dom.style.margin = 'auto';    dom.style.overflow = 'hidden';    document.body.appendChild(dom);    dom.insertAdjacentHTML('afterbegin','<img src="https://qidian.qpic.cn/qidian_common/349573/9fb9627740f52f4addf43720928e683d/0"/>');    var img = document.querySelector('img');    img.style.width = '100%';    img.style.height = '100%';    img.style.objectFit = 'cover';    // 監(jiān)聽(tīng)鼠標(biāo)滾輪事件    var addEvent = (function(window, undefined) {                var _eventCompat = function(event) {            var type = event.type;            if (type == 'DOMMouseScroll' || type == 'mousewheel') {                event.delta = (event.wheelDelta) ? event.wheelDelta / 120 : -(event.detail || 0) / 3;            }            if (event.srcElement && !event.target) {                event.target = event.srcElement;                }            if (!event.preventDefault && event.returnValue !== undefined) {                event.preventDefault = function() {                    event.returnValue = false;                };            }            /*                ......其他一些兼容性處理 */            return event;        };        if (window.addEventListener) {            return function(el, type, fn, capture) {                if (type === "mousewheel" && document.mozFullScreen !== undefined) {                    type = "DOMMouseScroll";                }                el.addEventListener(type, function(event) {                    fn.call(this, _eventCompat(event));                }, capture || false);            };        } else if (window.attachEvent) {            return function(el, type, fn, capture) {                el.attachEvent("on"   type, function(event) {                    event = event || window.event;                    fn.call(el, _eventCompat(event));                    });            };        }        return function() {};        })(window);            var num = 10;    addEvent(dom, "mousewheel", function(event) {        if (event.delta < 0) {            console.log('鼠標(biāo)向上滾了,圖片縮小');            num--;            if (num <= 10) {                num = 10;                img.style.transform= 'scale(1)';            } else if (num > 10) {                img.style.transform= 'scale('   num/10   ')';                console.log(num/10);            } else {            }        } else {            console.log('鼠標(biāo)向下滾了,圖片放大');            num  ;            img.style.transform = 'scale('   num/10   ')';            console.log(num/10);        }    });</script>

?

來(lái)源:http://www.icode9.com/content-4-147501.html
本站僅提供存儲(chǔ)服務(wù),所有內(nèi)容均由用戶發(fā)布,如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請(qǐng)點(diǎn)擊舉報(bào)
打開(kāi)APP,閱讀全文并永久保存 查看更多類似文章
猜你喜歡
類似文章
鼠標(biāo)滑過(guò)圖片出現(xiàn)大圖片提示層效果js代碼
jquery實(shí)現(xiàn)上傳圖片預(yù)覽(需要瀏覽器支持html5)
Javascript 的addEventListener()及attachEvent()區(qū)別分析
JavaScript事件處理
前端開(kāi)發(fā)面試題之JavaScript
javascript event(事件對(duì)象)詳解
更多類似文章 >>
生活服務(wù)
分享 收藏 導(dǎo)長(zhǎng)圖 關(guān)注 下載文章
綁定賬號(hào)成功
后續(xù)可登錄賬號(hào)暢享VIP特權(quán)!
如果VIP功能使用有故障,
可點(diǎn)擊這里聯(lián)系客服!

聯(lián)系客服