Vue渐变淡入淡出的轮播图
摘要：
1 2 3 4 5 Title 6 30 31 32 33 34 35 36 37 38 39 40 41 42 43 75 76 阅读全文
posted @ 2017-06-13 16:06 chuangzi 阅读(2029) 评论(0) 推荐(0) 编辑
js获取窗口滚动条高度、窗口可视范围高度、文档实际内容高度、滚动条离浏览器底部的高度
摘要：
1.获取窗口可视范围的高度 2.获取窗口滚动条高度 3.获取文档内容实际高度 4.使用方法 阅读全文
posted @ 2017-06-11 15:14 chuangzi 阅读(399) 评论(0) 推荐(0) 编辑
轮播图架构
摘要：
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>slider</title> <style type="text/css"> body, p, img, dl, dt, dd, ul, ol, h1, h2, h 阅读全文
posted @ 2017-05-08 22:27 chuangzi 阅读(218) 评论(0) 推荐(0) 编辑
使用jsonp制作【歌手搜索】2
摘要：
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><br><input id="inputname" type="text" name="item" value=""></b 阅读全文
posted @ 2017-05-04 21:03 chuangzi 阅读(176) 评论(0) 推荐(0) 编辑
使用jsonp制作【歌手搜索】1
摘要：
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="vi 阅读全文
posted @ 2017-05-04 21:02 chuangzi 阅读(184) 评论(0) 推荐(0) 编辑
js小练习——页面上有一个文本框 、四个按钮 （从前添加 从后添加 从前删除 从后删除 每次添加，出现该文本元素 可以通过按钮操作插入和删除元素）
摘要：
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> #box { margin-top: 100px; } span { display: 阅读全文
posted @ 2017-04-24 23:41 chuangzi 阅读(803) 评论(0) 推荐(0) 编辑
js小练习——页面实现重置、反选、全选三个按钮的功能
摘要：
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>页面上有10个多选框，实现三个按钮(重置、反选、全选)功能</title></head><body><input type="checkbox"><input ty 阅读全文
posted @ 2017-04-24 21:28 chuangzi 阅读(1093) 评论(0) 推荐(0) 编辑
js小练习——在页面中点击哪里，哪里出现div（圆）
摘要：
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>点哪,哪出15*15的圆型div</title> <style type="text/css"> html,body{ height: 100%; margin: 阅读全文
posted @ 2017-04-23 21:32 chuangzi 阅读(951) 评论(0) 推荐(0) 编辑
js 小练习—移动盒子
摘要：
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>移动盒子</title></head><body> <!--第二题：移动盒子--><div id="box" style="width: 200px;height: 阅读全文
posted @ 2017-04-19 22:07 chuangzi 阅读(1878) 评论(0) 推荐(0) 编辑
js 小练习—标题的显示及隐藏
摘要：
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>标题显示及隐藏</title></head><body> <!--第一题：标题显示及隐藏--><!--<div class="menu-wrap"> <a href 阅读全文
posted @ 2017-04-19 22:04 chuangzi 阅读(652) 评论(0) 推荐(0) 编辑
