程序天下：JavaScriptPPt+代码11-15资源-CSDN文库

共146个文件

htm：141个

gif：4个

rar：1个

需积分: 3 43 浏览量 2008-06-06 10:25:43 上传评论收藏 5.85MB RAR 举报

"程序天下：JavaScriptPPt+代码11-15" 提供的是一个关于JavaScript编程的学习资源，其中包含了PPT演示文稿和代码示例，覆盖了从第11章到第15章的内容。这个压缩包可能是某个课程或讲座的资料，旨在帮助学习者深入理解和实践JavaScript语言。在JavaScript的学习中，第11章到第15章通常会涵盖一系列关键概念和技术。以下是这些章节可能涉及的一些知识点： 1. **第11章：高级数据类型** - 这一章可能讲解了JavaScript中的复杂数据类型，如对象（Object）和数组（Array）。对象用于存储键值对，是JavaScript的核心特性之一；数组则用于存储多个值，提供了多种操作数组的方法，如push、pop、splice等。 2. **第12章：函数与闭包** - 函数是JavaScript中的基本构造块，可以封装代码并重复使用。闭包是JavaScript中的一个重要概念，它允许函数访问并操作其外部作用域的变量，即使在其外部函数已经执行完毕后。 3. **第13章：作用域与变量生命周期** - 这一章可能讨论了JavaScript中的作用域规则，包括全局作用域、局部作用域以及函数作用域。同时，变量的生命周期，即变量何时被创建、何时可用以及何时销毁，也是这一章的重点。 4. **第14章：事件与事件处理** - JavaScript常用于创建交互式网页，因此事件处理是必不可少的一部分。这一章可能会讲解如何使用addEventListener和removeEventListener来绑定和解绑事件，以及如何处理各种用户交互事件，如点击、滚动等。 5. **第15章：异步编程** - JavaScript是单线程的语言，但通过异步编程可以实现非阻塞执行，如回调函数、Promise和async/await。这一章会介绍如何使用这些技术来处理耗时操作，如网络请求和文件读写，以避免程序的卡顿。每个子文件（C11、C13、C15、C14）可能对应于每个章节的PPT演示文稿，其中可能包含详细的讲解、示例代码和练习。`exe.rar`可能是一个可执行文件，可能包含额外的辅助工具或模拟环境，帮助学习者更好地理解和实践所学内容。对于标签“JavaScript 书籍”，这意味着这些材料可能源自一本关于JavaScript的教科书或教程，提供了一条系统学习JavaScript的路径。通过深入研究这些章节的内容，并结合提供的代码示例进行实践，学习者能够逐步提升自己在JavaScript领域的技能。

资源推荐

资源详情

资源评论

收起资源包目录

程序天下：JavaScriptPPt+代码11-15 （146个子文件）

LOGO.gif 7KB

LOGO2.gif 7KB

LOGO1.gif 5KB

15.18 163图片新闻切换效果.htm 8KB

12.19 弹出窗口生成器.htm 8KB

15.16 循环滚动显示图片.htm 7KB

13.31 自定义的日历.htm 7KB

13.36 全球的时间查看表.htm 6KB

15.31 JavaScript实现文档结构图.htm 6KB

15.14 LOGO像雪花一样落下.htm 6KB

11.11 隐藏式菜单.htm 6KB

13.30 用JavaScript制作的特色时钟.htm 5KB

12.7 定时弹出窗口.htm 5KB

13.1 指定时间关闭窗口.htm 5KB

11.15 类似QQ的菜单.htm 5KB

14.24 实用计算器.htm 4KB

11.7 网页中的选项卡.htm 4KB

15.15 多幅图片分页滚动显示.htm 4KB

13.22 离开某天的时间.htm 3KB

11.18 树型目录菜单.htm 3KB

15.21 对联广告.htm 3KB

13.35 全面的日期选择功能.htm 3KB

14.20 小写金额转换为大写.htm 3KB

11.14 幻灯片式的导航菜单.htm 3KB

11.9 烟花效果的下拉菜单.htm 3KB

11.17 三级联动菜单(二).htm 3KB

15.23 到边界反弹的漂浮图片.htm 3KB

11.16 三级联动菜单(一).htm 2KB

13.14 计算某天星期几.htm 2KB

13.4 随日期变换的文本.htm 2KB

13.32 生日提醒器.htm 2KB

15.9 晃动的图片.htm 2KB

14.12 读写Cookie的函数.htm 2KB

15.26 始终在屏幕右下角的图片.htm 2KB

14.17 同一用户的来访统计.htm 2KB

11.4 下拉菜单.htm 2KB

15.24 用键盘控制图片移动.htm 2KB

11.6 目录样式的下拉菜单.htm 2KB

15.29 用JavaScript导出图像到Excel.htm 2KB

13.16 计算网页停留时间.htm 2KB

13.37 无刷新定时取数据.htm 2KB

15.6 图像的渐隐播放效果.htm 2KB

11.3 颜色切换板.htm 2KB

13.7 12小时制和24小时制的转换.htm 2KB

14.3 JavaScript创建二维数组.htm 2KB

14.6 数字选中后放大.htm 2KB

12.18 幻灯片式弹出窗口.htm 2KB

14.21 通过两点坐标计算直线距离.htm 2KB

11.10 网络导航条.htm 2KB

11.8 静态导航菜单.htm 2KB

12.18 幻灯片式弹出窗口1.htm 2KB

13.13 背景时钟.htm 1KB

13.19 检测是否是闰年.htm 1KB

15.8 切换图片的特殊效果.htm 1KB

11.12 仿flash菜单.htm 1KB

13.21 精确到千分之一秒.htm 1KB

14.16 购物篮中常用的计算总价效果.htm 1KB

12.3 使窗口只第一次访问时弹出.htm 1KB

12.15 慢慢变大的窗口.htm 1KB

13.33 时间的倒影.htm 1KB

11.5 左键弹出式菜单.htm 1KB

13.20 年份加减函数.htm 1KB

12.9 打开的窗口居中.htm 1KB

13.24 显示登录时间.htm 1KB

13.29 显示英文上、下午的时间.htm 1KB

14.7 统计字符数的方法.htm 1KB

13.28 页面访问时间限制.htm 1KB

14.23 实时计算折扣.htm 1KB

13.25 中文日期样式(一).htm 993B

15.20 上传图片时预览.htm 992B

15.22 带关闭的对联广告.htm 981B

11.13 滚动导航菜单.htm 956B

13.11 获取服务器时间.htm 933B

11.1 背景颜色测试.htm 913B

11.2 RGB颜色在线转换.htm 890B

15.27 可拖动的图片.htm 879B

15.28 等比例缩略图.htm 851B

13.8 标题栏显示时间.htm 827B

15.25 预装载图片提高站点速度.htm 818B

13.26 中文日期样式(二).htm 805B

14.10 用JavaScript实现数组排序.htm 801B

14.2 创建随机数.htm 784B

13.18 将日期转换为字符串的方法.htm 772B

15.5 图形淡出淡隐.htm 760B

15.10 定时消失的图片.htm 736B

13.38 取当月的最后一天.htm 724B

15.13 禁止图像的复制.htm 709B

13.10 分时段问候用户.htm 704B

15.19 判断上传图片的大小.htm 625B

12.13 不允许窗口出现滚动条.htm 613B

13.7 5秒后消失的广告.htm 612B

14.11 数字千分位函数.htm 601B

14.22 随机抽取彩票.htm 589B

14.19 将URL转化为16进制.htm 582B

13.27 状态栏动态显示时间.htm 557B

15.11 QQ图像一闪一闪的效果.htm 551B

15.17 图片的选择展示.htm 550B

12.23 获取模式窗口的值.htm 549B

13.15 计算时间差.htm 531B

共 146 条

<html> <head> <style type="text/css"> body { text-align: center; margin:0; padding:0; background: #FFF; font-size:12px; color:#000;} div,form,img,ul,ol,li,dl,dt,dd {margin: 0; padding: 0; border: 0;} h1,h2,h3,h4,h5,h6 { margin:0; padding:0;} table,td,tr,th{font-size:12px;} a:link {color: #000; text-decoration:none;} a:visited {color: #83006f;text-decoration:none;} a:hover {color: #c00; text-decoration:underline;} a:active {color: #000;} .focusPic{margin:0 auto; width:244px;} .focusPic .pic{margin:0 auto; width:240px; height:180px; padding:2px 0 0;} .focusPic .adPic{margin:0 auto 5px; width:240px; height:29px; overflow:hidden;background:url(http://tech.163.com/newimg/adpic.gif);} .focusPic .adPic .text{float:right; padding:9px 4px 0 0; width:140px;} .focusPic .adPic .text a{color:#1f3a87;} .focusPic .adPic .text a:hover{color:#bc2931;} .focusPic h2{ float:left; width:232px;padding:4px 0 3px 12px; font-size:14px; text-align:left;} .focusPic p{float:left; width:226px;line-height:160%; margin:0; text-align:left;padding:0 0 10px 12px;} .focusPic p img {margin:0px 0 2px;} .focusPic .more{ margin:0 auto; width:240px; } .focusPic .more .textNum{float:right; margin:0 8px 0 0;padding:0 0 4px;} .focusPic .more .textNum .text{float:left; font-weight:bold; padding:7px 6px 0 0; color:#666;} .focusPic .more .textNum .num{float:left; width:113px; height:19px;} .focusPic .more .textNum .bg1{ background:url(http://tech.163.com/newimg/num1.gif);} .focusPic .more .textNum .bg2{ background:url(http://tech.163.com/newimg/num2.gif);} .focusPic .more .textNum .bg3{ background:url(http://tech.163.com/newimg/num3.gif);} .focusPic .more .textNum .bg4{ background:url(http://tech.163.com/newimg/num4.gif);} .focusPic .more .textNum .num ul{ float:left; width:113px;} .focusPic .more .textNum .num li{float:left; width:28px; font-weight:bold;display:block; color:#fff; list-style-type:none; padding:6px 0 0;} .focusPic .more .textNum .num li a{color:#fff; padding:0 5px; } .focusPic .more .textNum .num li a:visited{color:#fff;} .focusPic .more .textNum .num li a:hover{color:#ff0;} </style> <script language="JavaScript" type="text/javascript"> var nn; nn=1; setTimeout('change_img()',6000); function change_img() { if(nn>4) nn=1 setTimeout('setFocus1('+nn+')',6000); nn++; tt=setTimeout('change_img()',6000); } function setFocus1(i) { selectLayer1(i); } function selectLayer1(i) { switch(i) { case 1: document.getElementById("focusPic1").style.display="block"; document.getElementById("focusPic2").style.display="none"; document.getElementById("focusPic3").style.display="none"; document.getElementById("focusPic4").style.display="none"; document.getElementById("focusPic1nav").style.display="block"; document.getElementById("focusPic2nav").style.display="none"; document.getElementById("focusPic3nav").style.display="none"; document.getElementById("focusPic4nav").style.display="none"; break; case 2: document.getElementById("focusPic1").style.display="none"; document.getElementById("focusPic2").style.display="block"; document.getElementById("focusPic3").style.display="none"; document.getElementById("focusPic4").style.display="none"; document.getElementById("focusPic1nav").style.display="none"; document.getElementById("focusPic2nav").style.display="block"; document.getElementById("focusPic3nav").style.display="none"; document.getElementById("focusPic4nav").style.display="none"; break; case 3: document.getElementById("focusPic1").style.display="none"; document.getElementById("focusPic2").style.display="none"; document.getElementById("focusPic3").style.display="block"; document.getElementById("focusPic4").style.display="none"; document.getElementById("focusPic1nav").style.display="none"; document.getElementById("focusPic2nav").style.display="none"; document.getElementById("focusPic3nav").style.display="block"; document.getElementById("focusPic4nav").style.display="none"; break; case 4: document.getElementById("focusPic1").style.display="none"; document.getElementById("focusPic2").style.display="none"; document.getElementById("focusPic3").style.display="none"; document.getElementById("focusPic4").style.display="block"; document.getElementById("focusPic1nav").style.display="none"; document.getElementById("focusPic2nav").style.display="none"; document.getElementById("focusPic3nav").style.display="none"; document.getElementById("focusPic4nav").style.display="block"; break; } } </script> </head> <body> <div class="focusPic"> <div id="focusPic1" style="display:block ;"> <div class="pic"> <a href="http://tech.163.com/special/000915SN/soft2005.html"><img src="http://cimg.163.com/tech/2006/1/18/2006011810122068706.jpg" alt="网易学院05年软件评选结果" width="240" height="180" border="0" /></a> </div> <h2><a href="http://tech.163.com/special/000915SN/soft2005.html">网易学院05年软件评选结果</a></h2> <p>经过大家的热情投票和我们的辛劳整理，网易学院2005年年度软件评选结果终于出炉啦。点击进入查看……<img src="/newimg/i2.gif" alt="详细" width="3" height="5" /> <a href="http://tech.163.com/special/000915SN/soft2005.html" class="cDRed">详细</a></p> </div> <div id="focusPic2" style="display: none ;"> <div class="pic"> <a href="http://tech.163.com/discover/"><img src="http://cimg.163.com/tech/2006/1/17/200601171557008cee7.jpg" alt="颠覆丛林动物生存法则" width="240" height="180" border="0" /></a> </div> <h2><a href="http://tech.163.com/discover/">颠覆丛林动物生存法则</a></h2> <p>群居动物的这种行为颠覆了我们通常认为的，在动物世界通行的 “丛林法则”，动物不都自私，不都是弱肉强食的。<img src="/newimg/i2.gif" alt="详细" width="3" height="5" /> <a href="http://tech.163.com/discover/" class="cDRed">详细</a></p> </div> <div id="focusPic3" style="display: none ;"> <div class="pic"> <a href="http://tech.163.com/special/00091MNJ/itobserve015.html"><img src="http://cimg.163.com/tech/2006/1/17/2006011711483290a60.jpg" alt="WAPI并非贸易阴谋" width="240" height="180" border="0" /></a> </div> <h2><a href="http://tech.163.com/special/00091MNJ/itobserve015.html">WAPI并非贸易阴谋</a></h2> <p>近日国家做出决定：“将向其他的国内及国外企业公布该算法”。事实证明中国WAPI标准并非是贸易阴谋。<img src="/newimg/i2.gif" alt="详细" width="3" height="5" /> <a href="http://tech.163.com/special/00091MNJ/itobserve015.html" class="cDRed">详细</a></p> </div> <div id="focusPic4" style="display: none ;"> <div class="pic"> <a href="http://tech.163.com/special/00091OSI/horizons.html"><img src="http://cimg.163.com/tech/2006/1/17/200601171002503f251.jpg" alt="新视野号探测冥王星特别专题" width="240" height="180" border="0" /></a> </div> <h2><a href="http://tech.163.com/special/00091OSI/horizons.html">新视野号探测冥王星特别专题</a></h2> <p>美国宇航局将于北京时间18日凌晨2时24分发射新视野号探测器，造访这颗人类唯一尚未探测过的行星-冥王星。<img src="/newimg/i2.gif" alt="详细" width="3" height="5" /> <a href="http://tech.163.com/special/00091OSI/horizons.html" class="cDRed">详细</a></p> </div> <div class="more"> <div class="textNum"> <div class="text">> 更多头图新闻</div> <div class="num bg1" id="focusPic1nav" style="display: block;"> <ul> <li>1</li> <li><a href="javascript:setFocus1(2);" target="_self">2</a></li> <li><a href="javascript:setFocus1(3);" target="_self">3</a></li> <li><a href="javascript:setFocus1(4);" target="_self">4</a></li> </ul> </div> <div class="num bg2" id="focusPic2nav" style="display: none;"> <ul> <li><a href="javascript:setFocus1(1);" target="_self">1</a></li> <li>2</li> <li><a href="javascript:setFocus1(3);" target="_self">3</a></li> <li><a href="javascript:setFocus1(4);" target="_self">4</a></li> </ul> </div> <div class="num bg3" id="focusPic3nav" style="display: none;"> <ul> <li><a href="javascript:setFocus1(1);" target="_self">1</a></li> <li><a href="javascript:setFocus1(2);" target="_self">2</a></li> <li>3</

评论收藏

内容反馈