08 2019 档案

jQuery 轮播图（带有导航按钮）
摘要：jQuery Basic Slide ... 阅读全文
posted @ 2019-08-14 17:55 WideWang 阅读(984) 评论(0) 推荐(0)
jQuery 操作文档的方法
摘要：测试append 测试appendTo 测试prepend 测试after 测试empty 测试clone ,你呢？ ... 阅读全文
posted @ 2019-08-12 17:51 WideWang 阅读(232) 评论(0) 推荐(0)
jQuery 操作元素属性、内容、css、class
摘要：操作元素样式(css) 操作元素样式(css)--json 操作元素样式(class) ... 阅读全文
posted @ 2019-08-12 17:50 WideWang 阅读(254) 评论(0) 推荐(0)
jQuery 选择器
摘要：jQuery的选择器 第一个 阅读全文
posted @ 2019-08-12 17:49 WideWang 阅读(167) 评论(0) 推荐(0)
JavaScript 二级菜单（含过渡动画）
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>二级菜单</title> <style> *{ list-style: none; text-decoration: none; /*text-align: center;*/ } #my_menu{ width: 65px; /*border: 1px so 阅读全文
posted @ 2019-08-10 14:37 WideWang 阅读(1359) 评论(0) 推荐(0)
tools.js
摘要：//1.简单动画 /*尝试构造一个可以执行简单动画的函数 * -参数： * obj:要执行动画的对象 * attr:要执行动画的样式，如left top width height * target:执行动画的目标位置 * speed:移动的速度（正数右移，负数左移） * callback:回调函数，这个函数会在动画执行完毕以后执行 */ //move(imgList,"left",-320*ind 阅读全文
posted @ 2019-08-10 14:35 WideWang 阅读(700) 评论(0) 推荐(0)
JavaScript JSON
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body> <script type="text/javascript"> /*JSON * -js对象只有js自己认识，其他的语言不认识 * json就是个特殊格式的字符串，用来被任意的语言识别 * -JavaScript O 阅读全文
posted @ 2019-08-08 15:54 WideWang 阅读(157) 评论(0) 推荐(0)
JavaScript class的操作
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .d1{ width: 100px; height: 100px; background-color: red; } .d2{ height: 200px; background-color: green; } < 阅读全文
posted @ 2019-08-08 13:56 WideWang 阅读(689) 评论(0) 推荐(0)
JavaScript 轮播图（含过渡动画）
摘要：... 阅读全文
posted @ 2019-08-06 21:08 WideWang 阅读(3638) 评论(0) 推荐(0)
JavaScript 键盘流畅移动div
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #d01{ width: 100px; height: 100px; background-color: red; position: absolute; } </style> </head> <body> <di 阅读全文
posted @ 2019-08-05 17:27 WideWang 阅读(356) 评论(0) 推荐(0)
JavaScript 图片自动切换
摘要：开始/暂停 阅读全文
posted @ 2019-08-05 17:26 WideWang 阅读(2543) 评论(0) 推荐(0)
JavaScript 定时调用，延时调用
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <h1 id="count"></h1> </body> <script type="text/javascript"> var count=document.getElementById("count"); 阅读全文
posted @ 2019-08-05 17:23 WideWang 阅读(727) 评论(0) 推荐(0)
JavaScript DOM
摘要：dianwo 阅读全文
posted @ 2019-08-04 20:33 WideWang 阅读(163) 评论(0) 推荐(0)
JavaScript 键盘事件
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> window.onload=function(){ /*键盘事件 * onkeydown 按键按下，一直按会连续触发 * onkeyup * -键盘事件一般都会绑定给可以获取到焦点的对象或者是doc 阅读全文
posted @ 2019-08-04 15:04 WideWang 阅读(713) 评论(0) 推荐(1)
JavaScript 鼠标滚轮事件把div拉长
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <style type="text/css"> #d01{ width: 200px; height: 150px; background-color: green; } </style> <body style="height: 2000px; 阅读全文
posted @ 2019-08-03 15:50 WideWang 阅读(745) 评论(0) 推荐(0)
JavaScript 拖拽
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <style type="text/css"> #d01{ width: 100px; height: 100px; background-color: red; position: absolute; } #d02{ width: 100px; 阅读全文
posted @ 2019-08-03 15:31 WideWang 阅读(251) 评论(0) 推荐(0)
JavaScript addEventListener
摘要：点我一下 阅读全文
posted @ 2019-08-02 20:57 WideWang 阅读(231) 评论(0) 推荐(0)
JavaScript 事件的冒泡，委派
摘要：我是box1 我是box2 超链接1 超链接2 超链接3 ... 阅读全文
posted @ 2019-08-02 20:42 WideWang 阅读(214) 评论(0) 推荐(0)
JavaScript DOM Event对象
摘要： 阅读全文
posted @ 2019-08-02 20:41 WideWang 阅读(230) 评论(0) 推荐(0)
JavaScript Date删除添加员工信息练习
摘要：Name Email Salary Tom tom@tom.com ... 阅读全文
posted @ 2019-08-01 14:42 WideWang 阅读(607) 评论(0) 推荐(0)