青春..荒唐
- 浏览: 974857 次
- 性别:
-
最新评论
-
ouyida3：
大年初一写技术博客，牛
多种方案实现 CSS 斜线 -
青春..荒唐：
标准①lang 属性规定元素内容的语言，lang=" ...
前端面试问题总结 -
青春..荒唐：
新增1：①垂直居中一个img：img{ display: ...
前端面试问题总结 -
青春..荒唐：
新增：①事件委托：利用事件冒泡，自己所触发的事件，让父元素代替 ...
前端面试问题总结 -
田进丰：
居然还有java代码？
基于jQuery图片轮播
文章列表
【前言】
最近遇到很多事情，渐渐发现自己社会经验方面的不足之处，阅历太少。。。
看了些职场潜规则，很有道理，这里简单总结几个，给自己提个醒。
【主体】
（1）批评：
必 ...
【前言】
总结两个开发插件常用到的方法
（1）$.extend(object)------------→扩展jQuery类本身.为类添加新的方法
（2）$.fn.extend(object)---------→给jQuery对象添加方法
【主体】
今天先写到这里，稍后继续完善
.
【前言】
二级下滑菜单经常出现的一个问题：当鼠标在菜单上快速滑动时，会如下所示，同时有多个子菜单在不停的显示、隐藏。
【主体】
（1）初始代码：
jQuery(document).ready(function($) {
$(".main>li").hover(function() {
$(this).children("ul").slideToggle(400);
}); ...
【前言】
在前台页面开发中有时候我们会需要一些比较酷的效果，这个时候使用JQuery中的动画来实现便显得非常的简单。最近在工作中用到了一个停止动画的方法"stop()"，以前只是用也没有过多的关注。
...
【前言】
下拉菜单效果，jQuery同时使用mouseover和mouseout造成闪烁，这里简单总结下解决方案
参考文章解决slideDown()和slideUp()反复执行的问题
【主体】
这里涉及到一个事件冒泡，由内到外执行，二 ...
【前言】
研究过Javascript代码库的人，会看到很多如下形式的函数： (function(){...}()) 或 (function(){})()
接下来简单总结概括下匿名函数相关知识点。
【主体】
（1）匿名函数：
(function(){})是一个标准的函数定义，但是没有赋值给任何变量。所以是没有名字的函数，叫匿名函数。没有名字就无法像普通函数那样随时随地调用了，所以在他定义完成后就马上调用他，后面的括号()是运行这个函数的意思。
（2）案例解析：
所以上面可以解释成为“匿名函数自调用”，也就是说，定义一个匿 ...
【前言】
刚有个参加工作不久的学生问了道问题，如何通过css修改滚动条默认样式？之前讲课的时候没有讲过，这里记录下，以后讲课强调下
【主体】
简单的demo，可以尝试下：
/*滚动条样式*/
.innerbox::-webkit-scrollbar {/*滚动条整体样式*/
width: 4px; /*高宽分别对应横竖滚动条的尺寸*/
height: 4px;
}
.innerbox::-webkit-scrollbar-thum ...
【前言】
之前讲课的时候讲过jquery的live()方法，当时讲解的时候说的是→当前或者未来的元素，但是后来发现jQuery的live方法无效？？？
尝试着把jQuery代码库版本换到1.8及1.8之前才有效果，所以这里总结下
【主体】
（1）用live方法时，注意jquery的版本,根据官方文档，从1.7开始就不推荐live和delegate了，1.9里就去掉live了。
在jQuery官方网站上说明了原因，并声称用on方法取代live方法。
jQuery官方网站声称下面三行代码是等价的
$("a.offsite").l ...
【前言】
jQuery出现的新添加元素点击事件无效
【主体】
为什么呢？
原因：
因为append中的节点是在整个文档加载后才添加的，页面并不会为未来的元素初始化添加点击事件，所以使用这种方式动态添加的节点中的点击事件没有生效。
解决方法：
后来用事件委托的方法解决
为所有类为imgItem的节点添加事件，$(document).on("click","指定的元素",function(){});是将指定的事件绑定在document上，只要而新产生的元素符合指定的元素，就会绑定此事件 ...
【前言】
先看下事件jquery事件绑定
//对于ul_li的绑定方法
//方法一：
$("ul li").bind("click",function(){console.log($(this))});
//方法二：
$("ul li").on("click",function(){console.log($(this))});
//方法三 【推荐】
$("ul").on("click","li",function(){consol ...
【前言】
分享一个jQuery实时监听输入框框值变化的方法，如有误解请指正
【主体】
在做开发时经常需要即时监听输入框值的变化，以便作出即时动作，从而引导浏览者进行后续操作，以此增强网站的用户体验感。刚开始采用onchange，但这种方法往往是在输入框失去焦点（onblur）时候触发，有时候并不能满足条件。
接下来向大家介绍一种完美的解决方案：结合 HTML5 标准事件 oninput 和 IE 专属事件 onpropertychange 事件来监听输入框值变化。
（1）oninput事件→在用户输入时触发
HTM ...
用Javascript实现回到顶部效果
经常看到网页中有回到顶部的效果，今天也研究一下回到顶部有哪些方法。众所周知，用锚链接是实现回到最简单的方法，但是从用户体验效果来说，并不是最好的。（锚链接回到顶部时太快了，而且用户可能在看到某个感兴趣的东西想停下来，却停不下来），针对上面的缺点，我们试着用Javascript的方法来得到实现。思路是这个样子的：
1、首先用html和css构建基本的例子，代码如下
【前言】
分享几个用jQuery返回顶部的实现思路
【主体】
主要知识点：scrollTop()为滚动事件，当$("html,body")的scrollTop为0时即返回来顶部。
（1）事件
（2）
（3）
今天先写到这里，稍后继续
.
【前言】
最近讲到了jQuery，本文分享下jQuery判断滚动到底部或顶部
【主体】
首先需要知道几个方法
1、滚动条滚动的距离
2、页面可见区域的高度
3、整个HTML页面文档的高度
详解：
（1）滚动条滚动的距离
$(window).scrollTop()和$(document).scrollTop()具有相同的效果，都为返回滚动条的垂直位置,但是$(window).scrollTop()被所有浏览器支持。所以建议以后用$(window).scrollTop()来获取滚动距离
（2）页 ...
【前言】
$(document).scrollTop()与 $(window).scrollTop()都是针对浏览器滚动条，两者效果完全相同。但是也有区别，这里记录下
【主体】
针对浏览器窗口的滚动条，两者在ie下有兼容性，
jQuery中，$(document).scrollTop()与 $(window).scrollTop()效果完全相同
但是，$(window).scrollTop()被所有浏览器支持所以，以后尽量用$(window).scrollTop()