下午比较忙碌,工作中第一次接触的数据库,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>
时间: 2024-10-27 18:12:38