随笔分类 -  JavaScript

原生Js_实现广告弹窗
摘要：广告样式当页面加载后5s刷新在右下角 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Gary图片轮播</title> <style type="text/css"> #ad{ width:300px; height: 30 阅读全文
posted @ 2019-02-28 23:26 Cynical丶Gary 阅读(1711) 评论(0) 推荐(0) 编辑
原生Js_简易图片轮播模板
摘要：功能：图片自动循环轮播，通过点击“上一张”，“下一张”按钮来控制图片的切换 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Gary图片轮播</title> <style type="text/css"> div{ widt 阅读全文
posted @ 2019-02-28 21:33 Cynical丶Gary 阅读(253) 评论(0) 推荐(0) 编辑
原生Js_使用setInterval() 方法实现图片轮播功能
摘要：用javascript图片轮播功能 (第4和第5张图片是一样的，最下方有看鼠标点击时控制台输出的信息) <script> //此处编写代码，实现图片轮播功能 var n =0; var t =0; var oDiv = document.getElementById('number'); var l 阅读全文
posted @ 2018-10-04 20:47 Cynical丶Gary 阅读(1079) 评论(0) 推荐(0) 编辑
原生Js_制作简易日历
摘要：javascript制作简易日历，月份信息已经放在一个数组中，在<script>...</script>中编写代码实现其功能 实现步骤 a） 获取需要操作的dom对象 b） 在所有的li上添加鼠标经过的事件 c） 在li的鼠标经过的事件中将所有li的class设置为空，并将当前li的class设置为 阅读全文
posted @ 2018-09-26 09:21 Cynical丶Gary 阅读(816) 评论(0) 推荐(0) 编辑
原生Js_实现简单选项卡功能
摘要：javascript实现选项卡功能，在<script>...</script>中编写代码 实现步骤 a）获得各操作的dom对象； b）在所有按钮对象上添加单击事件； c）设置所有按钮样式为空，并将当前按钮的样式设置为“active”；同时设置div1下面的所有div元素的display为none，并 阅读全文
posted @ 2018-09-26 09:05 Cynical丶Gary 阅读(348) 评论(0) 推荐(0) 编辑
原生Js_实现简单的下拉折叠菜单(添加弹出动画效果)
摘要：用javascript实现简单的下拉折叠菜单效果 实现步骤 （a）获得各操作的dom对象； （b）在所有菜单按钮对象上添加单击事件； （c）设置所有菜单按钮样式为空，并将当前按钮的样式设置为“active”；同时设置div1下面的所有div元素的display为none，并将当前按钮所对应的div的 阅读全文
posted @ 2018-09-25 18:11 Cynical丶Gary 阅读(5944) 评论(0) 推荐(0) 编辑