0

ここにJSFiddleリンクがあります!

コードを index.html に挿入した場合を除いて、コードは正常に機能し、ブラウザはアイコンのサイズを変更できません。

Web プロジェクトの index.html ファイルのヘッダーで次のスクリプト タグを使用する

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"/>

これが機能しない理由はありますか?

事前にTY

ここに完全なコードがあります

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
        <title>Home page</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta http-equiv="Content-Style-Type" content="text/css" />
        <link href="style.css" rel="stylesheet" type="text/css" />
        <link href="layout.css" rel="stylesheet" type="text/css" />

        <!--
        David JavaScript code
        -->
        <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"/>
            <script>
            $(document).ready(function() {
                $("#imghover1").mouseover(function() {
                    $("#imghover1").width(295);
                    $("#imghover1").height(54);
                });
                $("#imghover1").mouseleave(function() {
                    $("#imghover1").width(245);
                    $("#imghover1").height(45);
                });
            });

        </script>


    </head>

    <body  id="page1">
        <div class="tail-top">
            <div class="tail-bottom">
                <div class="main">
                    <div id="header">
                        <ul>
                            <li class="first"><a href="index.html" class="current">Home page</a></li>
                            <li><a href="index-1.html">Company</a></li>
                            <li><a href="index-2.html">Registration</a></li>
                            <li><a href="index-3.html">IT Services</a></li>
                            <li><a href="index-4.html">Questionnaire</a></li>
                            <li><a href="index-5.html">Contact Us</a></li>
                        </ul>
                        <a href="#"><img alt="" src="images/button2.gif" class="button1" /></a>
                        <div class="indent2"><img alt="" src="images/icon1.gif" class="alignMiddle" /> &nbsp;<a href="login.jsp">login</a> &nbsp; &nbsp; &nbsp; &nbsp;<img alt="" src="images/icon2.gif" class="alignMiddle" /> &nbsp;<a href="#">search</a></div>
                        <div><a href="index.html"><img alt="" src="images/xxcloud.gif" id="imghover1" class="logo" width="245" height="45"  /></a><br /></div>

                        <div class="indent">
                            <img alt="" src="images/slogan.gif" /><br />
                            <img alt="" src="images/title.gif" /><br />
                            <p><strong>Donec accumsan malesuada orci. Donec sit amet eros. consectetuer adipiscing elit. Mauris fermentum dictum magna. Sed laoreet aliquam leo. Ut tellus dolor, dapibus eget elementum vel cursus eleifend elit. Aenean auctor wisi et urna. Aliquam erat volutpat. Duis ac turpis. </strong></p>
                            <a href="#"><img alt="" src="images/button.gif" class="button" /></a><br />
                        </div>
                        <div class="indent1">
                            <a href="#"><img alt="" src="images/banner1.jpg" /></a><a href="#"><img alt="" src="images/banner2.jpg" /></a><a href="#"><img alt="" src="images/banner3.jpg" /></a><a href="#"><img alt="" src="images/banner4.jpg" /></a><a href="#"><img alt="" src="images/banner5.jpg" /></a><br />
                        </div>
                    </div>
4

2 に答える 2

0
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"/>

次のようにする必要があります。

 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
于 2013-07-06T23:00:22.610 に答える