zoukankan      html  css  js  c++  java
  • IE6不支持图片onmousemove 怎么办

    又是万恶的IE6...

    1、新建一个文件csshover.htc内容如下

    <attach event="ondocumentready" handler="parseStylesheets" />
    <script language="JScript">
    /**
    * Pseudos - V1.30.050121 - hover & active
    * ---------------------------------------------
    * Peterned -http://www.pc175.com/
    * (c) 2005 - Peter Nederlof
    *
    * Credits - Arnoud Berendsen
    *          - Martin Reurings
    *           - Robert Hanson
    *
    * howto: body { behavior:url("csshover.htc"); }
    * ---------------------------------------------
    */
    
    var currentSheet, doc = window.document, activators = {
    onhover:{on:'onmouseover', off:'onmouseout'},
    onactive:{on:'onmousedown', off:'onmouseup'}
    }
    
    function parseStylesheets() {
    //window.alert("hi");
    var sheets = doc.styleSheets, l = sheets.length;
    for(var i=0; i<l; i++)
       parseStylesheet(sheets[i]);
    }
    function parseStylesheet(sheet) {
       if(sheet.imports) {
        try {
         var imports = sheet.imports, l = imports.length;
         for(var i=0; i<l; i++) parseStylesheet(sheet.imports[i]);
        } catch(securityException){}
       }
    
       try {
        var rules = (currentSheet = sheet).rules, l = rules.length;
        for(var j=0; j<l; j++) parseCSSRule(rules[j]);
       } catch(securityException){}
    }
    
    function parseCSSRule(rule) {
       var select = rule.selectorText, style = rule.style.cssText;
       if(!(/(^|\s)(([^a]([^ ]+)?)|(a([^#.][^ ]+)+)):(hover|active)/i).test(select) || !style) return;
     
       var pseudo = select.replace(/[^:]+:([a-z-]+).*/i, 'on$1');
       var newSelect = select.replace(/(\.([a-z0-9_-]+):[a-z]+)|(:[a-z]+)/gi, '.$2' + pseudo);
       var className = (/\.([a-z0-9_-]*on(hover|active))/i).exec(newSelect)[1];
       var affected = select.replace(/:hover.*$/, '');
       var elements = getElementsBySelect(affected);
    
       currentSheet.addRule(newSelect, style);
       for(var i=0; i<elements.length; i++)
        new HoverElement(elements[i], className, activators[pseudo]);
    }
    
    function HoverElement(node, className, events) {
    if(!node.hovers) node.hovers = {};
    if(node.hovers[className]) return;
    node.hovers[className] = true;
    node.attachEvent(events.on,
       function() { node.className += ' ' + className; });
    node.attachEvent(events.off,
       function() { node.className =
        node.className.replace(new RegExp('\\s+'+className, 'g'),''); });
    }
    
    function getElementsBySelect(rule) {
    var parts, nodes = [doc];
    parts = rule.split(' ');
    for(var i=0; i<parts.length; i++) {
       nodes = getSelectedNodes(parts[i], nodes);
    } return nodes;
    }
    function getSelectedNodes(select, elements) {
       var result, node, nodes = [];
       var classname = (/\.([a-z0-9_-]+)/i).exec(select);
       var identify = (/\#([a-z0-9_-]+)/i).exec(select);
       var tagName = select.replace(/(\.|\#|\:)[a-z0-9_-]+/i, '');
       for(var i=0; i<elements.length; i++) {
        result = tagName? elements[i].all.tags(tagName):elements[i].all;
        for(var j=0; j<result.length; j++) {
         node = result[j];
         if((identify && node.id != identify[1]) || (classname && !(new RegExp('\\b' +
          classname[1] + '\\b').exec(node.className)))) continue;
         nodes[nodes.length] = node;
        }
       } return nodes;
    }
    </script>

    2、在html页面中加入

    <style type="text/css">
    	body {behavior:url(style/csshover.htc);} 
    	.a img:hover{ opacity:0.45;filter: alpha(opacity=45)}
    </style>
    

    (注意下路径)

    然后就可以啦

    学习...
  • 相关阅读:
    笨方法学python(本文为阅读时从此书摘录的笔记) 第一天
    关于C++中的虚拟继承的一些总结
    用提高效率的暴力法求3000以内的素数
    DAY 155 python中parse模块
    DAY 154 python自带的hmac模块
    DAY 153 Python中使用pymongo操作mongodb
    DAY 152 hmac模块
    DAY 151 parse模块
    DAY 150 setter&getter&@property
    DAY 149 property和setter装饰器
  • 原文地址:https://www.cnblogs.com/istianyu/p/2904688.html
Copyright © 2011-2022 走看看