随笔档案「2018年1月」 - minoz

jQuery操作DOM节点的方法总结

摘要：1、parent()：获得当前匹配元素集合中每个元素的父元素，该方法只会向上一级对 DOM 树进行遍历 1.1、parents() ：返回被选元素的所有祖先元素，它一路向上直到文档的根元素 (<html>) 1.2、parentsUntil() ：返回介于两个给定元素之间的所有祖先元素 2、chil 阅读全文

posted @ 2018-01-29 11:55 minoz 阅读(2023) 评论(0) 推荐(0)

jQuery实现点击控制左右两边元素挤压显示效果

摘要：该功能实现的是：分左、右两边布局，左边div默认展开，左边div中有一个元素，点击实现左边div隐藏，右边div挤压过来；再点击实现左边显示，右边挤过去。一、HTML代码：二、CSS代码：三、JS代码：阅读全文

posted @ 2018-01-25 20:18 minoz 阅读(366) 评论(0) 推荐(0)

HTML5和CSS3的一些学习记录

摘要：1、引述块级文本的标签（blockquote）： 2、突出显示文本的标签（mark）： 3、创建锚（通过a标签的href属性以及锚的id对应创建一个简单的锚）： 4、设置背景色透明，文字不透明：或者或者 7F000000：前两位是十六进制透明值，00是完全透明，FF是完全不透明；后六位是十六进制阅读全文

posted @ 2018-01-25 14:23 minoz 阅读(215) 评论(0) 推荐(0)

DIV左、中、右三列布局的各类情况说明

摘要：一、中间定宽、左、右侧百分比自适应： 1、HTML代码： 2、CSS代码：二、左侧定宽，中、右侧百分比自适应： 1、HTML代码： 2、CSS代码：三、左、右侧定宽，中间百分比自适应： 1、HTML代码： 2、CSS代码：四、左、中定宽，右侧百分比自适应： 1、HTML代码： 2、CSS代码：阅读全文

posted @ 2018-01-23 15:47 minoz 阅读(715) 评论(0) 推荐(0)

jQuery实现鼠标滑过图片列表加遮罩层

摘要：这个例子实现的功能是：有一列图片列表，鼠标滑过时，将有遮罩层的另一张图盖在该图片的上方，实现鼠标hover的效果。一、HTML代码：二、CSS代码：三、JS代码：阅读全文

posted @ 2018-01-23 14:50 minoz 阅读(409) 评论(0) 推荐(0)

jQuery设置div的自适应布局

摘要：一、HTML代码：二、CSS代码：三、JS代码：阅读全文

posted @ 2018-01-23 11:59 minoz 阅读(2948) 评论(0) 推荐(0)

JQuery字符串的操作

摘要：一、String对象属性 1、length属性： length算是字符串中非常常用的一个属性了，它的功能是获取字符串的长度。当然需要注意的是js中的中文每个汉字也只代表一个字符，这里可能跟其他语言有些不一样。 2、prototype属性： prototype在面向对象编程中会经常用到，用来给对象添加阅读全文

posted @ 2018-01-22 11:10 minoz 阅读(31342) 评论(0) 推荐(1)

Echarts动态加载柱状图和折线图混合展示的实例

摘要：一、引入echarts文件：二、HTML代码：三、JS代码（加载图表值的方法）：四、JS方法（调用加载图表方法）：阅读全文

posted @ 2018-01-19 16:17 minoz 阅读(3948) 评论(0) 推荐(0)

JQuery加载列表实现动画滚动（自上而下挤）

摘要：这个例子是jquery动态加载列表，并通过定时刷新，实现其循环滚动效果的一个例子。 1、HTML代码： 2、CSS代码： 3、JS代码：阅读全文

posted @ 2018-01-18 18:58 minoz 阅读(561) 评论(0) 推荐(0)

ES6的学习记录

摘要：1、let命令：基本用法： ES6新增了let命令，用来声明变量。用法类似于var，但是所声明的变量只在let命令所在的代码块内有效。 for循环的计数器，就很适合用let命令。下面的代码如果使用var，最后输出的是10. 如果使用let，声明的变量仅在块级作用域内有效，最后输出的就是6. 另外阅读全文

posted @ 2018-01-16 14:13 minoz 阅读(177) 评论(0) 推荐(0)

JavaScript简单的实例应用

摘要：1、显示当前时间： 2、当鼠标经过图像时图像的震动效果： 3、自由切换图像：阅读全文

posted @ 2018-01-09 19:27 minoz 阅读(337) 评论(0) 推荐(0)

ECharts动态加载堆叠柱状图的实例

摘要：一、引入echarts.js文件（下载页:http://echarts.baidu.com/download.html）二、HTML代码：三、js代码（获取数据以及对数据的处理方法）：四、js方法（加载图表的方法）：五、js方法（调用这两个方法）：六、json文件：七、js方法（根据or 阅读全文

posted @ 2018-01-04 18:41 minoz 阅读(7979) 评论(0) 推荐(0)

JavaScript基础知识点学习记录

摘要：一、简介： JavaScript是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言，同时也是一种广泛用于客户端Web开发的脚本语言，常用来给HTML网页添加动态功能，比如相应用户的各种操作。 JavaScript是一种宽松类型的语言，宽松类型意味着不必显示定义变量的数据类型。二、放置位置：阅读全文

posted @ 2018-01-02 20:36 minoz 阅读(376) 评论(0) 推荐(0)

CSS浏览器兼容性与解决

摘要：一、超链接访问后hover样式不出现 1、现象描述：同时设置了a:visited和a:hover样式，但一旦超链接点击过后，hover的样式就不再出现了。 2、解决方法：调整样式顺序为先a:visited再a:hover即可。 a标签四种状态的排序：l(link)ov(visiter)e h(h 阅读全文

posted @ 2018-01-02 20:00 minoz 阅读(262) 评论(0) 推荐(0)