- 博客(30)
- 资源 (8)
- 收藏
- 关注
原创 页面响应式布局方法
先写好页面,头部加:<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />再在浏览器 iphone6模式下修改样式@media all and (max-device-wid...
2018-05-28 12:07:55 1729
原创 js ajax原理,获取数据实例
<body> <div id="div"><h2>使用 AJAX 修改该文本内容</h2></div> <button type="button" onclick="sAjax()">修改内容</button> <script type="text/javascript"> function ...
2018-05-22 11:45:33 2207
原创 js、jq点击返回顶部(vue)
<div id="return" style="display: block;"> <a href="" onclick="document.documentElement.scrollTop=document.body.scrollTop=0;return false;"> <img src="./images/return.gif&quo
2018-05-18 10:56:32 2459 1
原创 Jquery跳转页面后的导航栏添加选中后样式
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><met...
2018-05-17 20:00:19 3490 2
原创 清除浮动BFC、div随子元素高度增加而改变
因为高度塌陷所以需要清除浮动:元素脱离了文档流满足下列条件之一就可触发BFC 【1】根元素,即HTML元素 【2】float的值不为none 【3】overflow的值不为visible 【4】display的值为inline-block、table-cell、table-caption 【5】position的值为absolute或fixed/*解决:清除...
2018-05-15 16:23:27 362
原创 js 侧边栏运动 分享到。
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><style>*{margin: 0;padd
2018-05-31 21:45:34 299
原创 canva鼠标画线、方块移动
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta
2018-05-30 11:32:38 737
原创 Canvas 使用、并画布写文字:strokeText()、fillText()
Canvas:<style type="text/css">body{background: black;}#ca{background: #fff;}</style><script type="text/javascript"> window.onload = function(){ var oC = document.getElementByI...
2018-05-30 11:12:23 685
转载 响应式横排排列 对应class实例
首先引用bootsrap<!-- 响应式横排排列 对应class实例 --> <div class="container"> <!-- PC端一个一排 --> <ul class="row"> <li class="col-xs-12 col-sm-12 col-md-12">&l
2018-05-28 17:20:06 636
原创 js、ajax动态创建标签、页面添加标签实例
xhr.onreadystatechange = function(){ if(xhr.readyState == 4){ var data = JSON.parse(xhr.responseText); var oUl = document.getElementById('ul1'); //获...
2018-05-25 16:20:57 4519 1
原创 豆瓣搜索实例
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta
2018-05-25 16:03:46 818
原创 jsonp的原理-百度下拉提示实例
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta
2018-05-25 15:17:24 358
原创 form表单提交并且返回数据实例 enctype="multipart/form-data" 解析
<!-- 表单:数据提交的地址 action:数据提交的地址;默认是当前页面 method:数据提交的方式,默认是get方式 1,get:把数据名称和数据值用=连接,如果有多个,那么他会把多个数据组合用&进行连接,然后把数据放到url?后面到指定页面 URL 长度限制,不能通过get方式传递过多的数据 2,post 理论无限制 enctype:提交的数据格式 3...
2018-05-24 11:45:04 13665 2
转载 JS导航滚动到一定高度后固定、滚动条随着输入内容增加而滚动\导航样式改变
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>JS实现div随屏幕滚动到一定高度后固定</title&am
2018-05-23 17:29:43 4437
转载 网页宽高clientWidth、offsetWidth、offsetTop 、offsetLeft宽高解析
offsetLeft[Top]:只读 属性 当前元素到定位父级的距离(偏移值)到当前元素offsetLeft的距离 style.width:样式宽 clientWidth:样式宽+padding(可视区宽)(如果有滚动条还要包括滚动条的宽度) offsetWidth:样式宽+padding(可视区宽)+border(边框)、(不包括margin)scrollWidt......
2018-05-18 22:20:03 2918
原创 原生js自动播放——幻灯片上下轮播效果(适用移动端)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><!-- saved from url=(0039)http://www.fgm.cc/learn/lesson7/01.html --&...
2018-05-17 21:03:59 2877
原创 js jq文字向上无缝滚动、缓冲滚动
https://www.jb51.net/article/130087.htmhttps://www.jb51.net/article/129733.htmvue实现消息的无缝滚动效果的示例代码html:<div class="notice"> <ul> <li>第1条公告第1条公告第1条公告第1条公告第1条公告第1条公告</li&g...
2018-05-17 20:32:02 8060
原创 if多条件判断、三元运算符、switch语句例子
三元运算符:如名字表示的三元运算符需要三个操作数。语法是条件 ? 结果1 : 结果2;. 这里你把条件写在问号(?)的前面后面跟着用冒号(:)分隔的结果1和结果2。满足条件时结果1否则结果2。oBth.onclick=function(){ if (oUl.style.display=='block') { oUl.style.display...
2018-05-17 15:40:21 1066 1
原创 Div闪烁/抖动
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><!-- saved from url=(0039)http://www.fgm.cc/learn/lesson5/08.html --&...
2018-05-17 14:43:22 1603
原创 setTimeout 导航应用
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><!-- saved from url=(0039)http://www.fgm.cc/learn/lesson4/01.html --&...
2018-05-17 14:27:08 323
原创 鼠标移过,改变图片路径
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><!-- saved from url=(0039)http://www.fgm.cc/learn/lesson2/11.html --&...
2018-05-17 11:27:23 1954
转载 js图片垂直滚动
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta
2018-05-16 09:28:01 1387
原创 js、jq拖拽效果封装实例
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><met
2018-05-15 22:24:13 1022
转载 三种不同轮播图 上下切换
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><met
2018-05-15 13:57:17 4323
转载 js获取网页的宽高
转自:https://blog.csdn.net/sunlizhen/article/details/77198570在没有声明DOCTYPE的IE中,浏览器显示窗口大小只能以下获取:document.body.offsetWidthdocument.body.offsetHeight在声明了DOCTYPE的浏览器中,可以用以下来获取浏览器显示窗口大小:document.documen...
2018-05-14 21:51:10 570
原创 JS禁止复制粘贴,F12操作
CSS禁止文字复制粘贴/*禁止文字选中*//* html,body{ -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} */<div unselectable="on" onselectstart="return false;" s...
2018-05-14 21:22:25 4295
原创 js 遍历ul li 获取点击当前的子元素下标
<div> <ul id="list"> <li>1</li> <li>2</li> <li>3</li> <li>4</li&
2018-05-12 13:49:48 11849 1
原创 js给一个对象的同一个事件绑定多个不同的函数(一个按钮点击两次得到不同结果)
<script type="text/javascript"> //给一个对象绑定一个事件处理函数的第一种形式 //document.onclick = fn1; function fn1(){ alert(1); } function fn2(){ alert(2); } //给一个元素绑定事件函数的第二种形式: //给一个对象的同一个事件绑定多个不同的函数:...
2018-05-11 22:52:17 6296
原创 js事件冒泡机制,以及如何阻止冒泡
事件冒泡:当一个元素接收到事件的时候,会把他接受到的所有传播给他的父级;一直到 window 为事件冒泡(该发生还是会发生)js阻止冒泡:当前要阻止冒泡的事件函数中调用 。必须要同一个事件才行。例如:mousedown,不能用onclick浏览器的默认行为:右键、按住左键选中、a标签是html默认点击事件,取消:<a href="javascript:;"></a&g...
2018-05-11 22:01:25 1544
原创 js图片横排无限循环滚动
一个好的插件地址:http://www.superslide2.com/demo.html<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://w...
2018-05-11 16:09:59 9565
jQuery插件实现图片展开效果,jquery.gallery。仿腾讯QQ空间说说图片展示效果。.html
2020-04-01
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人