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

试试这个代码，这对我有用。

<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <title> - jsFiddle demo</title>

  <script type='text/javascript' src='http://code.jquery.com/jquery-1.8.3.js'></script>



  <link rel="stylesheet" type="text/css" href="/css/result-light.css">

  <style type='text/css'>

  </style>



<script type='text/javascript'>//<![CDATA[ 
    $(window).load(function () {
        $(document).ready(function () {
            $("#imghover1").mouseover(function () {
                $("#imghover1").width(295);
                $("#imghover1").height(54);
            });
            $("#imghover1").mouseleave(function () {
                $("#imghover1").width(245);
                $("#imghover1").height(45);
            });
        });
    });//]]>  

</script>


</head>
<body>

<img alt="" src="http://placehold.it/700x1000" id="imghover1" class="logo" width="245" height="45" />

</body>


</html>
于 2014-01-24T08:48:54.873 回答
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 回答