![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript原生案例
清水l
这个作者很懒,什么都没留下…
展开
-
JavaScript原生代码实现导航栏小效果
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial原创 2018-01-23 12:55:50 · 5936 阅读 · 0 评论 -
JavaScript原生实现广告栏滑动
全部代码<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, i原创 2018-01-23 13:24:41 · 909 阅读 · 0 评论 -
JavaScript原生代码实现楼层跳跃(js部分有注释)
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial原创 2018-01-23 14:50:18 · 1857 阅读 · 0 评论 -
JavaScript原生代码实现鼠标跟随案例(附注释)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>鼠标跟随案例</title> <style> *{ padding:原创 2018-01-24 16:41:10 · 340 阅读 · 0 评论 -
JavaScript原生代码实现返回顶部缓动效果
返回顶部比较特殊,需要使用,widow.scrollTo(x,y )去做先贴上全部代码,分析在下面 <!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" con原创 2018-01-24 22:35:12 · 453 阅读 · 0 评论 -
JavaScrip原生Ajax请求实现
首先给触发元素绑定事件 创建异步对象——var Ajax = new XMLhttpRequest(); 连接到服务器——Ajax.open("请求方式get或者post",“请求地址” ) 注意 :get请求需要把提交的数据拼接在请求地址后面; post请求需要添加此步骤 setRequestHeader("Content-type","application/x-www-f...原创 2018-02-02 04:12:00 · 181 阅读 · 0 评论 -
JavaScript原生实现实时搜索(基础版)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> * { padding:原创 2018-04-29 13:03:01 · 1493 阅读 · 0 评论 -
JavaScript可视化排序(冒泡)
先来看看具体效果流程步骤//入口函数$(function () { //需要排序的数组 var arr = [5, 1, 3, 8, 20, 6, 70, 30,18,4,7,6,20]; //父容器 var ul = $(".container"); //初始化dom initDOM(arr, ul); //排序并且获取排序状态...原创 2018-12-21 17:03:30 · 921 阅读 · 0 评论