随笔分类 -  JAVASCRIPT/JQuery

前端学习之JAVASCRIPT/JQuery
不足几位数：前面补零
摘要：不足补零 阅读全文
posted @ 2018-11-30 13:53 July_Zheng 阅读(1302) 评论(0) 推荐(1)
select设置选中项/select的级联
摘要：一、selected="selected" HTML通过<select>的属性来设置选中项， 此方法也可以在动态语言在后台根据需要控制输出结果。 二、js来设置选中项：修改selected属性值 三、jquery设置选中项- 设置指定value为项中 1.设置value为vxx的项选中 四、jque 阅读全文
posted @ 2018-09-10 16:59 July_Zheng 阅读(2146) 评论(0) 推荐(0)
bootstrap - switch的初始化和监听事件
摘要：一、Bootstrap Switch 选择框开关控制 依赖于Bootstrap的一款轻量级插件，可以给选择框设置类似于开关的样式 二、使用时注意初始化： js初始化: 三、使用步骤 1首先引入jquery 2然后引入bootstrap的js和css 3引入bootstrap的switch的js和cs 阅读全文
posted @ 2018-09-04 11:43 July_Zheng 阅读(1555) 评论(0) 推荐(0)
js 回到頂部
摘要：一、JQ实现 布局 、 滚动条长度到达某个值时出现‘返回顶部’、点击实现 $(document).ready(function () { }） 二、js “回到頂部”功能可以使用a標籤的錨點實現，也可以使用js的onclick事件實現。 關鍵步驟：1.html+css佈局 2.滾動條到滾動到一定高度 阅读全文
posted @ 2017-01-24 16:34 July_Zheng 阅读(348) 评论(0) 推荐(0)
Jqury 相册查看照片
摘要：> ... 阅读全文
posted @ 2016-08-26 16:57 July_Zheng 阅读(278) 评论(0) 推荐(0)
JavaScript 图片放大看！- 放大镜效果 -鼠标放在图片上某个点：出现放大效果的图片
摘要：1张图片-放大镜:缺点：1张图片若为小图，小图放大后图像不清晰（若为大图，则不存在这个问题） 1张图片 放大镜: 2张图片-放大镜缺点：素材需要一张小图，一张大图共计两张图 2张图片- 放大镜 ... 阅读全文
posted @ 2016-08-25 19:48 July_Zheng 阅读(360) 评论(0) 推荐(0)
Jqury元素.get(0)转换为JavaScript元素 -时间倒计时
摘要：html+css布局： 一、倒计时：天数时分秒 jqury - 元素.get(0) - js : 二、倒计时：年月日时分秒 jqury - 元素.get(0) - js : 阅读全文
posted @ 2016-08-25 18:18 July_Zheng 阅读(1598) 评论(0) 推荐(0)
JavaScript 图片轮播 jqury图片轮播
摘要：html+css js: jq: 阅读全文
posted @ 2016-08-24 19:45 July_Zheng 阅读(685) 评论(0) 推荐(0)
冒泡现象和阻止事件冒泡 1
摘要：冒泡现象:触发某元素的某个时间触发其父级元素的对应时间，从元素本身向上冒泡到Dom顶层 事件冒泡与阻止事件冒泡 阅读全文
posted @ 2016-08-23 17:17 July_Zheng 阅读(183) 评论(0) 推荐(0)
Jqury 拖拽div
摘要：//点击拖拽div在document——（ $(document) ）上移动： 1定位（left ,top）2.根据鼠标在document上的动态坐标，得到div新的动态left、top的属性值 js： html 样式 阅读全文
posted @ 2016-08-23 16:39 July_Zheng 阅读(197) 评论(0) 推荐(0)
Jqury 块在window窗口居中
摘要：1.块在父容器里居中常用方法—— 其中： margin-left: -250px; /* 元素本身文档宽度的一半*/ margin-top: -200px /* 元素本身文档高度的一半*/ 2 块在window窗口居中 阅读全文
posted @ 2016-08-22 18:45 July_Zheng 阅读(288) 评论(0) 推荐(0)
Jqury -jqury选择元素 、 $()下的常用方法
摘要：一.前言：认识jqury jqury: jQuery是一个兼容多浏览器的javascript库，提供了大量实用方法,简化了js操作。它是轻量级的js库 ，它兼容CSS3，还兼容各种浏览器 $( function(){ ... }): 加载完执行 注意：使用jq注意先引入jq库。jq库的版本1（兼容低 阅读全文
posted @ 2016-08-22 18:20 July_Zheng 阅读(742) 评论(0) 推荐(0)
JavaScript Dom操作-增删改节点1
摘要：一、Dom操作 文档对象模型DOM：一套定义、规范、准则 为了能够让程序JavaScript去操作页面中的元素节点而定义的一套标准 DOM会把文档看作是一棵树，页面中的每个元素就是树上的一个一个节点；同时DOM定义了很多方法、属性等来操作这棵树中的每一个元素（节点）——每个节点称为DOM节点。 1. 阅读全文
posted @ 2016-08-16 19:34 July_Zheng 阅读(1606) 评论(0) 推荐(0)
JavaScript 图片轮播
摘要：一、布局 二、JavaScript实现 三、JavaScript函数封装 阅读全文
posted @ 2016-08-16 18:52 July_Zheng 阅读(279) 评论(0) 推荐(0)
JavaScript 拖拽div : ev.clientX
摘要：注意： 阅读全文
posted @ 2016-08-15 21:07 July_Zheng 阅读(865) 评论(0) 推荐(0)
JavaScript 字符串方法之 substr、 substring、 slice
摘要：1.字符串的substr（startIndex,num）方法:开始下标，字符个数 // (第一个参数起始下标，（1）为负值时，视作length+负值，（2）超过最大下标时找不到多余字符)// （第二个参数字符个数，（1）为负值视作0，即从指定开始下标开始，找0个字符，（2）超过字符串下标时找不到多余字符） var s="abcde01234xyz"; console.log(s.subst... 阅读全文
posted @ 2016-08-12 15:23 July_Zheng 阅读(290) 评论(0) 推荐(0)