| 网站首页 | 业界新闻 | 小组 | 交易 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
买学问 - 大牛一对一辅导,有问必答买学问 - 专业的付费知识问答平台
共有 809 人关注过本帖
标题:Web新手求教 我这代码为什么没有反应
只看楼主 加入收藏
R的补
Rank: 1
等 级:新手上路
帖 子:14
专家分:0
注 册:2019-3-18
结帖率:100%
  问题点数:0  回复次数:7   
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>
2019-04-01 18:52
R的补
Rank: 1
等 级:新手上路
帖 子:14
专家分:0
注 册:2019-3-18
  得分:0 
求大佬指点
2019-04-01 18:52
R的补
Rank: 1
等 级:新手上路
帖 子:14
专家分:0
注 册:2019-3-18
  得分:0 
有人吗?。。
2019-04-02 09:05
R的补
Rank: 1
等 级:新手上路
帖 子:14
专家分:0
注 册:2019-3-18
  得分:0 
这个板块是真的偏僻,失望~~
2019-04-02 15:37
醉仙不醉
Rank: 1
等 级:新手上路
帖 子:1
专家分:0
注 册:2019-4-22
  得分:0 
回复 楼主 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>
2019-04-22 20:02
奋斗中的小蟹
Rank: 1
等 级:新手上路
帖 子:1
专家分:0
注 册:2019-3-15
  得分:0 
是可以运行的,你换个浏览器试试
2019-05-11 08:59
Binhun
Rank: 1
等 级:新手上路
帖 子:9
专家分:0
注 册:2019-5-31
  得分:0 
2019-06-06 15:31
wcx11
Rank: 2
等 级:论坛游民
帖 子:9
专家分:32
注 册:2019-5-8
  得分:0 
有人肯定是有人,只是回复不会那么快罢了

我傻我乐意 wcx11  22msccc
7 天前 16:29







关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.026791 second(s), 8 queries.
Copyright©2004-2019, BCCN.NET, All Rights Reserved