JavaScript
文章平均质量分 92
杨校
历任多个培训大厂的Java讲师,精通JAVA后端开发及培训。主要从事Java体系培训工作,拥有非常丰富的授课经验,另外对企业中采用的微服务也有深刻的理解。精通java,linux,mysql,spring cloud。有丰富的技术培训和技术讲座的经验。相信技术改变人生,一直在不断学习和积累新的知识。
展开
-
杨校老师课堂之JavaScript定时器案例的红绿灯设计--原始写法
主要介绍了JavaScript定时器设置、使用与倒计时案例,详细分析了javascript定时器的设置、取消、循环调用并附带一个倒计时功能应用案例,需要的朋友可以参考下原创 2023-02-11 14:06:50 · 823 阅读 · 0 评论 -
杨校老师课堂之Web前端JS类库_JQuery案例[效果图与代码齐全]
JQuery案例想使用Jquery ,必须要导入Jquery的库文件jquery-1.7.2.min.js:下载地址:https://blog-static.cnblogs.com/files/xiaoxiao5016/jquery-1.7.2.min.js1.鼠标经过图片切换运行效果图示例代码:<!DOCTYPE html PUBLIC "-/...原创 2019-05-22 22:23:40 · 979 阅读 · 0 评论 -
杨老师课堂之JavaScript悬浮事件(鼠标移入移出事件)
今天给大家分享一个简单的JavaScript事件案例:该事件属于悬浮事件改代码逻辑非常简单,主要是 当鼠标移动到按钮上显示一个盒子,移开之后盒子隐藏JavaScript事件中 onmouseover 代表的是鼠标指针移动到指定的对象上时发生某个动作; onmouseout 代表的是鼠标指针移出该指定的对象上时发生某个动作;xxxx.style 代表一个单独...原创 2018-10-26 19:08:03 · 17123 阅读 · 0 评论 -
杨老师课堂之零基础学习JSON知识点
JSONjson是什么 它是js提供的一种数据交换格式!json的语法{}:是对象! > 属性值: > 属性名必须使用双引号括起来!单引不行!!!null数值字符串数组Boolean值: true/falseJson应用Json与XML的对比可读性:XML胜出解析难度:JSON本身就是JS对象(主场作战),所以简单很多流行度:XML...原创 2018-08-22 19:20:10 · 1557 阅读 · 0 评论 -
杨老师课堂之JavaScript定时器案例的红绿灯设计
效果图:代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>红绿灯倒计时</title> <style> .box { width: 250px; height: 52px; pa...原创 2018-08-01 13:19:02 · 42024 阅读 · 5 评论 -
杨老师课堂之JavaScript右下角广告弹框
预览效果图: Html代码:<html><body><div id="silu"><button onclick="tips_pop()">3秒后会在右下角自动弹出窗口,如果没有弹出请点击这个按钮</button></div><div id="winpop"原创 2018-05-12 13:33:41 · 1086 阅读 · 0 评论 -
杨老师课堂之JavaScript定时器限时抢购秒杀商品案例
预览效果图: 使用到的知识点: 定时器 setInterval(函数,毫秒):在指定的毫秒数后调用函数或执行一段代码 取消定时器 clearInterval:取消由setInterval设置的定时器 函数(日期函数、parseInt函数) parseInt()函数 :可解析一个字符串,并返回一个整数示例代码:<!DOCTYPE html><html> ...原创 2018-05-17 09:54:58 · 8989 阅读 · 1 评论 -
杨校老师课堂之JavaScript案例之跑马灯左右无缝连接图片自动轮播
JavaScript案例之跑马灯左右无缝连接效果图:思路: 1.先做界面 1.1 制作一个大盒子,进行存放整个图片及按钮区域 1.2 制作两个按钮和中间区域盒子 1.3 中间区域盒子中使用无序列表进行排放图片,并且每个图片可以作为一个链接进行点击 2..CSS 2.1 清除全局的外边距和内边距 2.2 去除无序列表...原创 2018-05-03 11:18:07 · 1723 阅读 · 0 评论 -
杨老师课堂之JavaScript案例全选、全不选、及反选
JavaScript案例之全选、全不选、及反选效果图:思路: 1.先做界面 1.1制作按钮 1.2制作复选框 2..JavaScript 3.1根据不同的标签名称去获取不同的元素 3.2当第一个按钮--全选--被单击 会 触发一个函数,此函数涉及到复选框全部选中功能,但是复选框一共有多少个是未知的,所以...原创 2018-04-12 01:15:43 · 2509 阅读 · 0 评论 -
杨老师课堂之JavaScript案例手动切换轮播图片
JavaScript案例之手动切换轮播图片效果图:思路: 1.先做界面 1.1制作按钮及点击触发事件 1.2引入一张图片 2.书写Css 2.1跳转div盒子的布局(宽、高、边框线、水平居中、文字居中...) 3.JavaScript 3.1 定义一个变量 i 即原图的数字名称 3.2定义函数:将...原创 2018-04-12 00:30:25 · 2566 阅读 · 0 评论 -
杨老师课堂之JavaScript案例之自动切换轮播图片
JavaScript案例之自动切换轮播图片效果图:思路: 1.先做界面 1.1制作按钮及点击触发事件 1.2引入一张图片 2.书写Css 2.1跳转div盒子的布局(宽、高、边框线、水平居中、文字居中...) 3.JavaScript 3.1定义“初始化”函数, 设置定时器 时间为3000毫秒 ...原创 2018-04-11 23:31:24 · 2623 阅读 · 0 评论 -
JavaScript的起源故事
1.二周前,我谈了一点Javascript的历史。今天把这部分补全,从历史的角度,说明Javascript到底是如何设计出来的。只有了解这段历史,才能明白Javascript为什么是现在的样子。我依据的资料,主要是Brendan Eich的自述。2.上一篇文章写道:"1994年,网景公司(Netscape)发布了Navigator浏览器0.9版。这是历史上第一个比较成熟的网络浏览器,轰动一时。但是...转载 2018-02-24 00:04:32 · 16392 阅读 · 3 评论