摘要: 以前用jq 做过图片切换 滑动之类的特效现在想用js 试试是怎么一回事 jq图片切换的思路是用index()函数获取当前点击的按钮的索引然后根据索引值将对应索引的图片显示出来 于是查了一下js 是如何获取index的如下: js代码 html代码 阅读全文
posted @ 2016-10-16 12:16 Stitch晨 阅读(27565) 评论(2) 推荐(3) 编辑
摘要: 上一篇文章说到了动态添加文本节点的方法那如果我们要添加多个文本节点或者元素节点呢? 大家可能会想到用循环然后逐个逐个添加 但是别忘了js 还提供了创建一个文本碎片的方法 createDocumentFragment(); 这个方法怎么用呢? 其实这个方法就相当于一个收集器 把所有要添加的元素收集起来 阅读全文
posted @ 2016-10-16 10:41 Stitch晨 阅读(612) 评论(0) 推荐(0) 编辑
摘要: 对于我这个js 小白来说 今天鼓起勇气做起了邮箱认证这个特效 但是这次不是想说如何实现这这个特效而是想记录一下特效当中的某个部分 那就是向元素节点动态添加文本节点 百度了一下动态添加文本节点的方式 是使用document.createNodeChild("要想添加的内容"); 这个方法 它的使用方式 阅读全文
posted @ 2016-10-16 10:27 Stitch晨 阅读(9064) 评论(0) 推荐(0) 编辑
摘要: 经过3个星期的时间终于用做完了学校的练习作品了,但是发现在用jq 做互动虽然很方便但却带来了不少的烦恼 所以在以后的日子里我要好好学 js 了! 然后呢在博主之前学java 里面 另我最头痛的就是做产生随机不重复的数据了 今天自己再巩固了一下以前的知识再用 js写出了这个效果 html部分 阅读全文
posted @ 2016-10-12 13:44 Stitch晨 阅读(3674) 评论(0) 推荐(0) 编辑
摘要: 最近在模仿一个网站的项目 当中有一个效果需要利用到hover效果因为不太想写jq脚本所以百度了一下css hover的运用发现原来hover也可以控制其他元素的变化的 但是这有一个要求 就是添加hover伪类的元素 必须是被改变的元素的父类 所以,看看一下代码你就会明白的了 html代码 css代码 阅读全文
posted @ 2016-10-10 10:53 Stitch晨 阅读(1875) 评论(0) 推荐(0) 编辑
摘要: jq写法 /*注:$(window).scroll(function(){})这个是窗口滑动事件*/ js写法 阅读全文
posted @ 2016-09-24 14:27 Stitch晨 阅读(2357) 评论(0) 推荐(0) 编辑
摘要: 在此随笔之前,博主已经做过一次图片滑动轮播,如过你也有看过就会知道里面的效果在自动轮播的时候有一个不太美观的效果,就是当最后一张图片滑动切换到第一张图片的时候会看到一个快速向左滑动的效果,这是很不美观的,当然也有网站是这样做。但博主参照过很多网站的图片轮播基本上都是无缝的(一张紧接着一张),所以博主 阅读全文
posted @ 2016-08-06 15:09 Stitch晨 阅读(23821) 评论(0) 推荐(2) 编辑
摘要: hover函数格式: $("A").hover(function(){ //当鼠标移入的时候执行第一个函数 },function(){ //当鼠标移出的时候执行第二个函数 }) *hover函数必须要有两个函数作为参数! 阅读全文
posted @ 2016-08-04 10:54 Stitch晨 阅读(248) 评论(0) 推荐(0) 编辑
摘要: 事件触发时会执行两个步骤:1、捕获 2、冒泡,而很多浏览器包括jquery都不支持捕获动作所以只能执行冒泡动作。 所谓冒泡就是当点击就是事件的执行顺序,本人的理解为:但某一元素触发时间时它的祖先元素(包括父元素)都会执行此事件一次,这增加了浏览器的负担。 因此我们可以在事件函数补上这一语句 even 阅读全文
posted @ 2016-08-03 16:23 Stitch晨 阅读(205) 评论(0) 推荐(0) 编辑
摘要: 这几个方法的作用是插入外部节点,所谓外部插入节点就是我们平常在网页编程中手动添加代码到某一句语句的前面或后面,如图: 红色框的P是在蓝色框span的前面插入的外部节点,反过来说蓝色框的span是在红色框的p后面插入的外部节点。 再来说说表中的函数: after(content):content为插入 阅读全文
posted @ 2016-08-03 11:56 Stitch晨 阅读(1537) 评论(0) 推荐(0) 编辑