chuangzi - 博客园

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 阅读(2072) 评论(0) 推荐(0)

js获取窗口滚动条高度、窗口可视范围高度、文档实际内容高度、滚动条离浏览器底部的高度

摘要： 1.获取窗口可视范围的高度 2.获取窗口滚动条高度 3.获取文档内容实际高度 4.使用方法阅读全文

posted @ 2017-06-11 15:14 chuangzi 阅读(428) 评论(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 阅读(252) 评论(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 阅读(185) 评论(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 阅读(207) 评论(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 阅读(826) 评论(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 阅读(1196) 评论(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 阅读(984) 评论(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 阅读(1900) 评论(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 阅读(681) 评论(0) 推荐(0)