第一周学习进度条

 今天我通过观看老师分享的教学视频,学习了如何使用jquery来完成首页定时弹出广告图片的操作。首先要导入jquery的包:<script type="text/javascript" src="jquery-1.8.3.js"></script>然后编写script标签,首先写上一个页面加载函数:$(function(){}),然后在页面加载函数里面写上一个控制时间的函数:setInterval("showAd()",3000),函数第一个参数是使广告显示的函数,第二个参数是时间,单位是毫秒。然后在页面加载函数的外面showAd()函数,函数里面利用广告的id来调用show函数使其显示:$("#id").show();。然后清楚显示函数的时间函数,令上一个时间函数等于time:clearInterval(time)。接着重新写一个时间函数其中包含的是隐藏广告的函数:setInterval("hidden(),3000"),然后还是另写一个hidden函数,里面是使广告隐藏的操作:$("#id").hide();。然后依然是把时间函数=time,清楚时间函数:clearIntrval(time),这样便实现了广告在3秒钟忠厚弹出来并且又在三秒钟之后隐藏的操作。

posted @ 2020-02-22 11:24  20183602  阅读(78)  评论(0编辑  收藏  举报