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>
    

    (注意下路径)

    然后就可以啦

    学习...
  • 相关阅读:
    vs2013 在win7下,使用c++创建项目各种报错问题解决方案
    排序含有数字的字符串:一个巧妙地方法
    wpf 控件大小随窗体大小改变而改变
    WPF TreeView 选择事件执行两次,获取TreeView的父节点的解决方法
    最近几年的编程感悟(3)完结
    mysql Packet for query is too large (2036 > 1024). You can change this value on the server by setting the max_allowed_packet' variable.
    java BigDecimal加减乘除 与 保留两位小数
    java 字符串的运算公式直接转计算结果
    ecplise tomcat忽然出现404
    float 、double 加减乘除出现小数位多出的问题
  • 原文地址:https://www.cnblogs.com/istianyu/p/2904688.html
Copyright © 2011-2022 走看看