Onmouseover IE проблемы

Question

Onmouseover IE проблемы

Я создаю веб-сайт для рабочего друга бесплатно, очевидно, у меня ограниченные знания и опыт, поэтому я здесь и прошу помощи.

Я не уверен, нужен ли мне файл.js или.css для работы onmouseover; У меня совершенно нет идей сейчас.

<!doctype html public "-//w3c//dtd html 4.0 transitional//en">
<html>

    <head>
        <!-- CHANGE THE NEXT THREE LINES -->
        <title>Parkley Visual Arts</title>
        <meta name="Description" content="Parkley Visual Arts. Graphic Design & Art">
        <meta name="KeyWords" content="Graphic Design, Graphic Arts, Frame Pictures, Frame Pics, Photopgraphy, Leamington Arts, Leamington Graphics, Leamington Designs, Warwickshire Graphic Arts">
        <!-- CHANGE THE ABOVE THREE LINES -->
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
        <META name="Copyright" content="Copyright 2013 Parkley Visual Arts">
        <META http-equiv="Content-Language" content="en">
        <META name="revisit-after" content="15 days">
        <META name="robots" content="index, follow">
        <META name="Rating" content="General">
        <META name="Robots" content="All">
        <!-- InstanceBeginEditable name="head" -->
        <!-- InstanceEndEditable -->
        <link rel=StyleSheet href="corporatestyle.css" type="text/css" media="screen">
        <script language="JavaScript" src="javascripts.js"></script>
        <script language="JavaScript" src="pop-closeup.js"></script>
        <script type="text/javascript">
            window.onload = function() {
                "use strict";
                var Minilogo, Eyewinker, LearnMore;
                Minilogo = document.getElementById('Minilogo');
                Eyewinker = document.getElementById('Eyewinker');

                Minilogo.onmouseover = function() {
                    Minilogo.src = 'Minilogo.gif';
                };
                Eyewinker.onmouseover = function() {
                    TW.src = 'Eyewinker.gif';
                };

                Minilogo.onmouseout = function() {
                    Minilogo.src = 'Minilogo.gif';
                };
                Eyewinker.onmouseout = function() {
                    Eyewinker.src = 'Eyewinker.gif';
                };
            };

            if (browser == "Microsoft Internet Explorer") {
                countryListItem.attachEvent('onmouseover', sp.showPanel('item' + x), false);
            } else {
                countryListItem.addEventListener('mouseover', sp.showPanel('item' + x), false);
            }

            function swapImage(imgID, imgSrc) {
                var theImage = document.getElementById(imgID)
                theImage.src = imgSrc;
            }

            function preLoadImages() {
                for (var i = 0; i < arguments.length; i++) {
                    var tmpImage = new Image();
                    tmpImage.src = arguments[i];
                }
            }
        </script>
    </head>

    <body onload="preLoadImages('Eyewinker.gif');">
        <div style="text-align: center;">
            <center><a href="http://www.parkleyvisualarts.com/construction.htm"><img id="imgToSwap" src="Minilogo.gif" alt="animated gif" onmouseover="swapImage('imgToSwap', 'Eyewinker.gif')" onmouseout="swapImage('imgToSwap', 'Minilogo.gif')" /></a>

        </div>
    </BODY>

</HTML>

0

internet-explorer onmouseover

Источник

user2511785 22 июн '13 в 14:23

1 ответ

Другие вопросы по тегам internet-explorer onmouseover

user54680 23 июн '13 в 03:28 2013-06-23 03:28 · Answer 1 · 2013-06-23 03:28

Если вы новичок в этом, вам, вероятно, следует избегать многословного JavaScript, так как вам будет довольно сложно управлять им. Вместо этого я бы посоветовал вам начать с такими атрибутами изображения, как onmouseover а также onmouseout вместо. Учтите следующее:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Hover-Fading Buttons</title>
        <base href="http://parkleyvisualarts.com/" />
        <style>
            img.logo {
                width: 300px;
                height: 300px;
                display: block;
                margin: 0 auto;
            }
        </style>
    </head>
    <body>
        <img src="Minilogo.gif" class="logo"
             onmouseover=" this.src = 'Eyewinker.gif' " 
             onmouseout=" this.src = 'Minilogo.gif' " />
    </body>
</html>