第二天 how can I 坚持

下午比较忙碌,工作中第一次接触的数据库,sql好长,一开始感觉头好大,后来还好了,一直想给李有才个惊喜,琢磨来琢磨去还是先弄个简单的吧。想要实现字体循环放大,可是不知道哪里写错了。函数执行起来没有效果,手动设置断点才能看到效果,是时间间隔设置的有问题?刚开始接触,到底是怎么回事呢,明天好好研究研究,谁要是看到有什么好的建议,麻烦教我下啊,我是个菜鸟,这个小小的功能竟然要这么实现,写这么多代码,好土,求指教。谁有更炫的建议啊,指导下我啊。

<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>I Love You</title>
<script type="text/javascript" src="http://demo.jb51.net/jslib/jquery/jquery1.3.2.js"></script>
<script type="text/javascript">
function autosize(){
    var thisEle_li = $("#li").css("font-size"); 
    var thisEle_you = $("#you").css("font-size"); 
    var thisEle_cai = $("#cai").css("font-size"); 
    var thisEle_wo = $("#wo").css("font-size"); 
    var thisEle_zhen = $("#zhen").css("font-size"); 
    var thisEle_de = $("#de").css("font-size"); 
    var thisEle_hao = $("#hao").css("font-size"); 
    var thisEle_xi = $("#xi").css("font-size"); 
    var thisEle_huan = $("#huan").css("font-size"); 
    var thisEle_ni = $("#ni").css("font-size"); 
    var thisEle_ni2 = $("#ni2").css("font-size"); 
    var thisEle_zhi = $("#zhi").css("font-size"); 
    var thisEle_dao = $("#dao").css("font-size"); 
    var thisEle_ma = $("#ma").css("font-size"); 
    var thisEle_wenhao = $("#wenhao").css("font-size"); 
    var textFontSize_li = parseFloat(thisEle_li , 10); 
    var textFontSize_you = parseFloat(thisEle_you , 10); 
    var textFontSize_cai = parseFloat(thisEle_cai , 10); 
    var textFontSize_wo = parseFloat(thisEle_wo , 10); 
    var textFontSize_zhen = parseFloat(thisEle_zhen , 10); 
    var textFontSize_de = parseFloat(thisEle_de , 10); 
    var textFontSize_hao = parseFloat(thisEle_hao , 10); 
    var textFontSize_xi = parseFloat(thisEle_xi , 10); 
    var textFontSize_huan = parseFloat(thisEle_huan , 10); 
    var textFontSize_ni = parseFloat(thisEle_ni , 10); 
    var textFontSize_ni2 = parseFloat(thisEle_ni2 , 10); 
    var textFontSize_zhi = parseFloat(thisEle_zhi , 10); 
    var textFontSize_dao = parseFloat(thisEle_dao , 10); 
    var textFontSize_ma= parseFloat(thisEle_ma , 10); 
    var textFontSize_wenhao = parseFloat(thisEle_wenhao , 10); 
    for(var i=0;i<=15;i++){
        if(i==0){
            textFontSize_li=100;
            $("#li").css("font-size", textFontSize_li);     
        }else if(i==2){
            textFontSize_li=10;
            $("#li").css("font-size", textFontSize_li); 
            textFontSize_you=100;
            $("#you").css("font-size", textFontSize_you); 
        }else if(i==3){
            textFontSize_you=10;
            $("#you").css("font-size", textFontSize_you); 
            textFontSize_cai=100;
            $("#cai").css("font-size", textFontSize_cai); 
        }else if(i==4){
            textFontSize_cai=10;
            $("#cai").css("font-size", textFontSize_you); 
            textFontSize_wo=100;
            $("#wo").css("font-size", textFontSize_wo); 
        }else if(i==5){
            textFontSize_wo=10;
            $("#wo").css("font-size", textFontSize_wo); 
            textFontSize_zhen=100;
            $("#zhen").css("font-size", textFontSize_zhen); 
        }else if(i==6){
            textFontSize_zhen=10;
            $("#zhen").css("font-size", textFontSize_zhen); 
            textFontSize_zhen=100;
            $("#de").css("font-size", textFontSize_de); 
        }else if(i==7){
            textFontSize_de=10;
            $("#de").css("font-size", textFontSize_de); 
            textFontSize_hen=100;
            $("#hao").css("font-size", textFontSize_hao); 
        }
        else if(i==7){
            textFontSize_hen=10;
            $("#hao").css("font-size", textFontSize_hao); 
            textFontSize_xi=100;
            $("#xi").css("font-size", textFontSize_xi); 
        }else if(i==8){
            textFontSize_xi=10;
            $("#xi").css("font-size", textFontSize_xi); 
            textFontSize_huan=100;
            $("#huan").css("font-size", textFontSize_huan); 
        }else if(i==9){
            textFontSize_huan=10;
            $("#huan").css("font-size", textFontSize_huan); 
            textFontSize_ni=100;
            $("#ni").css("font-size", textFontSize_ni); 
        }else if(i==10){
            textFontSize_ni=10;
            $("#ni").css("font-size", textFontSize_ni); 
            textFontSize_ni2=100;
            $("#ni2").css("font-size", textFontSize_ni2); 
        }else if(i==11){
            textFontSize_ni2=10;
            $("#ni2").css("font-size", textFontSize_ni2); 
            textFontSize_zhi=100;
            $("#zhi").css("font-size", textFontSize_zhi); 
        }else if(i==12){
            textFontSize_zhi=10;
            $("#zhi").css("font-size", textFontSize_zhi); 
            textFontSize_dao=100;
            $("#dao").css("font-size", textFontSize_dao); 
        }else if(i==13){
            textFontSize_dao=10;
            $("#dao").css("font-size", textFontSize_dao); 
            textFontSize_ma=100;
            $("#ma").css("font-size", textFontSize_ma); 
        }else if(i==14){
            textFontSize_ma=10;
            $("#ma").css("font-size", textFontSize_ma); 
            textFontSize_wenhao=100;
            $("#wenhao").css("font-size", textFontSize_wenhao); 
        }
        if(i==15){
            textFontSize_wenhao=10;
            $("#wenhao").css("font-size", textFontSize_wenhao); 
        }
        setTimeout(function stopsometime(){var wait=2000;},2000);
    }    
}


</script>
</head>
<body>
<div align="center" font-size=10>
<div id="li" coler="">李</div>
<div id="you">有</div>
<div id="cai">才</div>
<div id="wo">我</div>
<div id="zhen">真</div>
<div id="de">的</div>
<div id="hao">好</div>
<div id="xi">喜</div>
<div id="huan">欢</div>
<div id="ni">你</div>
<div id="ni2">你</div>
<div id="zhi">知</div>
<div id="dao">道</div>
<div id="ma">吗</div>
<div id="wenhao">?</div>
<input type="button" value="点我啊!" onclick="autosize()"/>
</div>
</body>
</html>
原文地址:https://www.cnblogs.com/52-it/p/4391274.html