叨叨两句

  1. ~

刷论坛笔记

  1. 跨平台的手机开发框架有前途
  2. 结构化编程——>面向对象编程
  3. 太复杂的框架不用学,没人爱用,没前途

常用前端页面写法总结

  1. 轮播图
<script>

var i = 0;

window.onload = setInterval("lunbotu()",1000);

function lunbotu(){
  var img = document.getElementById("imgId");
  img.src = "../img/" + (i%3+1) + ".jpg"
  i++;
}

</script>
  1. 定时广告
<script>
            /*
             需求: 用户打开页面, 过了3秒钟弹出广告, 广告显示5秒钟,之后隐藏广告
            
            1.确定事件: onload
            2.事件触发函数: 匿名函数
            3.函数里面要干点事情:
                开启定时器 :setTimeout(显示广告函数,3000)
                
            显示广告函数
                找到广告图片,显示出来
                再开启一个定时器: setTimeout(关闭广告,3000)
                
            关闭广告函数
                找到广告图片,隐藏
             
            */
            
            function hideAd(){
                //找到元素
                var divad = document.getElementById("ad");
                //操作元素
                divad.style.display="none";
            }
            
            function showAd(){
                    //找到元素
                    var divad = document.getElementById("ad");
                    //操作元素
                    divad.style.display="block";
                    
                    //再开启一个定时器: setTimeout(关闭广告,3000)
                    setTimeout("hideAd()",3000);
            }
            
            window.onload=function(){
                
                //开启定时器
                setTimeout("showAd()",3000);
                
            }
        </script>

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>弹出广告</title>
        <script src="../jquery-1.11.0.js"></script>
        <script>
            $(function(){
                setTimeout("showAd()",1000);
            });
            
            //show advertisement
            function showAd(){
                $("#advertisement").show(2000,function(){
                    setTimeout("hideAd()",2000);
                });
            }
            
            //hide advertisement
            function hideAd(){
                $("#advertisement").hide(2000);
            }
            
        </script>
    </head>
    <body>
        <div id="advertisement" style="display:none">
            <img src="../img/test.jpg" alt="" />
        </div>
    </body>
</html>

Wall_Breaker
2.1k 声望1.2k 粉丝

生死之间,就是我的跃迁之路,全程记录,欢迎见证