自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

风吹钰成花丶

任何再小的努力乘以三百六十五都会变得很强大。

原创 页面响应式布局方法

先写好页面,头部加: <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalab...

2018-05-28 12:07:55

阅读数 265

评论数 0

原创 js ajax原理,获取数据实例

<body> <div id="div"><h2>使用 AJAX 修改该文本内容</h2></div> <button type="button" onclick="sAjax(...

2018-05-22 11:45:33

阅读数 1691

评论数 0

原创 js、jq点击返回顶部

&lt;div id="return" style="display: block;"&gt;   &lt;a href="" onclick="document.documentElement.scro...

2018-05-18 10:56:32

阅读数 1943

评论数 0

原创 Jquery跳转页面后的导航栏添加选中后样式

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> &l...

2018-05-17 20:00:19

阅读数 1743

评论数 1

原创 清除浮动、div随子元素高度增加而改变

因为高度塌陷所以需要清除浮动:元素脱离了文档流 满足下列条件之一就可触发BFC   【1】根元素,即HTML元素    【2】float的值不为none    【3】overflow的值不为visible    【4】display的值为inline-block、table-cell、tabl...

2018-05-15 16:23:27

阅读数 150

评论数 0

原创 js 侧边栏运动 分享到。

&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &...

2018-05-31 21:45:34

阅读数 130

评论数 0

原创 canva鼠标画线、方块移动

&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&am...

2018-05-30 11:32:38

阅读数 313

评论数 0

原创 Canvas 使用

Canvas:&lt;style type="text/css"&gt; body{background: black;} #ca{background: #fff;} &lt;/style&gt; &lt;script type=&qu...

2018-05-30 11:12:23

阅读数 61

评论数 0

转载 响应式横排排列 对应class实例

首先引用bootsrap &lt;!-- 响应式横排排列 对应class实例 --&gt; &lt;div class="container"&gt; &lt;!-- PC端一个一排 --&gt; &lt;u...

2018-05-28 17:20:06

阅读数 194

评论数 0

原创 js、ajax动态创建标签、页面添加标签实例

xhr.onreadystatechange = function(){ if(xhr.readyState == 4){ var data = JSON.parse(xhr.responseText); ...

2018-05-25 16:20:57

阅读数 2958

评论数 0

原创 豆瓣搜索实例

&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&am...

2018-05-25 16:03:46

阅读数 455

评论数 0

原创 jsonp的原理-百度下拉提示实例

&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&am...

2018-05-25 15:17:24

阅读数 164

评论数 0

原创 form表单提交并且返回数据 实例

<!-- 表单:数据提交的地址 action:数据提交的地址;默认是当前页面 method:数据提交的方式,默认是get方式 1,get:把数据名称和数据值用=连接,如果有多个,那么他会把多个数据组合用&进行连接,然后把数据放到url?后面到指定页面 URL 长度限制,不能...

2018-05-24 11:45:04

阅读数 10336

评论数 0

转载 JS导航滚动到一定高度后固定、滚动条随着输入内容增加而滚动\导航样式改变

&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content=&qu...

2018-05-23 17:29:43

阅读数 2918

评论数 0

转载 clientWidth、offsetWidth、offsetTop 、offsetLeft解析

offsetLeft[Top]:只读 属性 当前元素到定位父级的距离(偏移值)到当前元素offsetLeft的距离     style.width:样式宽     clientWidth:样式宽+padding(可视区宽) (如果有滚动条还要包括滚动条的宽度)     offsetWidth:样...

2018-05-18 22:20:03

阅读数 114

评论数 0

转载 js自动播放——幻灯片上下轮播效果(适用移动端)

&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&a...

2018-05-17 21:03:59

阅读数 1307

评论数 0

原创 js jq文字向上无缝滚动、缓冲滚动

https://www.jb51.net/article/130087.htm https://www.jb51.net/article/129733.htmvue实现消息的无缝滚动效果的示例代码 html: <div class="notice"> &l...

2018-05-17 20:32:02

阅读数 4499

评论数 0

原创 JS三元运算符、switch语句例子

三元运算符: 如名字表示的三元运算符需要三个操作数。 语法是 条件 ? 结果1 : 结果2;. 这里你把条件写在问号(?)的前面后面跟着用冒号(:)分隔的结果1和结果2。满足条件时结果1否则结果2。 oBth.onclick=function(){ if (oUl.styl...

2018-05-17 15:40:21

阅读数 517

评论数 0

原创 Div闪烁/抖动

&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&a...

2018-05-17 14:43:22

阅读数 296

评论数 0

原创 setTimeout 导航应用

&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&a...

2018-05-17 14:27:08

阅读数 48

评论数 0

原创 js 自动播放——幻灯片效果(移动端) 淡入淡出效果

&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&a...

2018-05-17 14:05:56

阅读数 320

评论数 0

原创 鼠标移过,改变图片路径

&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&a...

2018-05-17 11:27:23

阅读数 896

评论数 0

转载 js图片垂直滚动

&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&am...

2018-05-16 09:28:01

阅读数 781

评论数 0

原创 js、jq拖拽效果封装实例

&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&a...

2018-05-15 22:24:13

阅读数 662

评论数 0

转载 三种不同轮播图 上下切换

&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&a...

2018-05-15 13:57:17

阅读数 2138

评论数 0

转载 js获取网页的宽高

转自:https://blog.csdn.net/sunlizhen/article/details/77198570 在没有声明DOCTYPE的IE中,浏览器显示窗口大小只能以下获取: document.body.offsetWidth document.body.offsetHeight 在...

2018-05-14 21:51:10

阅读数 174

评论数 0

原创 JS禁止复制粘贴,F12操作

CSS禁止文字复制粘贴 /*禁止文字选中*/ /* html,body{ -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } */ <di...

2018-05-14 21:22:25

阅读数 1946

评论数 0

原创 js 遍历ul li 获取点击当前的子元素下标

&lt;div&gt; &lt;ul id="list"&gt; &lt;li&gt;1&lt;/li&gt; &lt;li&gt;2&l...

2018-05-12 13:49:48

阅读数 8059

评论数 1

原创 js给一个对象的同一个事件绑定多个不同的函数(一个按钮点击两次得到不同结果)

&lt;script type="text/javascript"&gt; //给一个对象绑定一个事件处理函数的第一种形式 //document.onclick = fn1; function fn1(){ alert(1); } function...

2018-05-11 22:52:17

阅读数 3417

评论数 0

原创 js事件冒泡机制,以及如何阻止冒泡

事件冒泡:当一个元素接收到事件的时候,会把他接受到的所有传播给他的父级; 一直到 window 为事件冒泡(该发生还是会发生) js阻止冒泡:当前要阻止冒泡的事件函数中调用 。必须要同一个事件才行。例如:mousedown,不能用onclick 浏览器的默认行为:右键、按住左键选中、a标签是...

2018-05-11 22:01:25

阅读数 436

评论数 0

原创 js图片横排无限循环滚动

一个好的插件地址:http://www.superslide2.com/demo.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR...

2018-05-11 16:09:59

阅读数 5306

评论数 0

提示
确定要删除当前文章?
取消 删除