Web新手求教我这代码为什么没有反应

weixin_38049070 2019-09-20 05:28:14

Web新手求教我这代码为什么没有反应 <!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
    #div{
        border:solid 1px #0033FF;
        width:550px;
        padding:20px;
    }
    #text{
        margin-top:20px;
    }
    #cfdiv{
        text-align: right;
        /*调整宽度*/
        width: 400px;
    }
    #cfdiv a:link,a:visited {
        color:#0033FF;
        text-decoration:none;
    }
    #cfdiv a:hover{
        color:#FF6633;
    }
</style>
<script type="text/javascript" src="jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
        $("a.#G").click(function(){
            var divNode = document.getElementById("text");
                divNode.style.fontSize=Font_Size[0].GREAT+"px";
        }
        $("a.#M").click(function(){
            var divNode = document.getElementById("text");
            divNode.style.fontSize=Font_Size[1].MEDIUM+"px";
        }
        $("a.#S").click(function(){
            var divNode = document.getElementById("text");
            divNode.style.fontSize=Font_Size[2].SMALL+"px";
        }
        var Font_Size= [
            {GREAT:18},
            {MEDIUM:16},
            {SMALL:12}
        ];
    }
</script>

</head>
<body>
    <div id="div">
        <div id=“title”>
            <h1>Web程序设计</h1><hr/>
        </div>
        <div id="cfdiv">
            <a href="javascript:void(0)" id="G">大字体</a>
            <a href="javascript:void(0)" id="M">中字体</a>
            <a href="javascript:void(0)" id="S">小字体</a>
        </div>
        <div id="text">
            HTML CSS DOM JAVASCRIPT JQUERY<br />
        </div>
    </div>
</body>
</html>

...全文

61 7 打赏收藏转发到动态举报

写回复

用AI写文章

7 条回复

切换为时间正序

请发表友善的回复…

发表回复

weixin_38106230 2019-09-20

打赏
举报

有人肯定是有人，只是回复不会那么快罢了

weixin_38107053 2019-09-20

打赏
举报

把脚本放到最后面就行了

weixin_38094744 2019-09-20

打赏
举报

回复楼主 R的补 <!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Insert title here</title>
    <style type="text/css">
        #div{
            border:solid 1px #0033FF;
            width:550px;
            padding:20px;
        }
        #text{
            margin-top:20px;
        }
        #cfdiv{
            text-align: right;
            /*调整宽度*/
            width: 400px;
        }
        #cfdiv a:link,a:visited {
            color:#0033FF;
            text-decoration:none;
        }
        #cfdiv a:hover{
            color:#FF6633;
        }
    </style>
    <script type="text/javascript" src="jquery/1.10.2/jquery.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            $("#G").click(function(){
                var divNode = document.getElementById("text");
                divNode.style.fontSize=Font_Size[0].GREAT+"px";
            })
            $("#M").click(function(){
                var divNode = document.getElementById("text");
                divNode.style.fontSize=Font_Size[1].MEDIUM+"px";
            })
            $("#S").click(function(){
                var divNode = document.getElementById("text");
                divNode.style.fontSize=Font_Size[2].SMALL+"px";
            })
            var Font_Size= [
                {GREAT:18},
                {MEDIUM:16},
                {SMALL:12}
            ];
        })
    </script>

</head>
<body>
<div id="div">
    <div id=“title”>
        <h1>Web程序设计</h1><hr/>
    </div>
    <div id="cfdiv">
        <a href="javascript:void(0)" id="G">大字体</a>
        <a href="javascript:void(0)" id="M">中字体</a>
        <a href="javascript:void(0)" id="S">小字体</a>
    </div>
    <div id="text">
        HTML CSS DOM JAVASCRIPT JQUERY<br />
    </div>
</div>
</body>
</html>

weixin_38095754 2019-09-20