Welcome 微信登录

首页 / 脚本样式 / JavaScript

jQuery的Scrollify插件实现滑动到页面下一节点

jQuery的Scrollify插件实现滑动到页面下一节点

有时我们需要做一个单页面介绍产品特性,而单页面内容非常多且页面非常长,为了快速定位到产品特性节点,我们使用js侦听用户滚轮事件,当用户触发滚轮滑动或者使用手势触屏滑动时,即可定位到相应的节点。一款jQuery插件叫Scrollify帮我们做到了。Scrollify需要jQuery 1.6+以及缓冲动画easing插件配合来实现。HTML基本结构如下:<!DOCTYPE HTML> <html> <head> <me...
IE浏览器下PNG相关功能

IE浏览器下PNG相关功能

目前互联网对于网页效果要求越来越高,不可避免的用到PNG图片,PNG分为几种格 式,PNG8 PNG24 PNG32,其中最常用的,也是显示效果和大小比较适中的则是PNG24,支持半透明,透明,颜色也非常丰富,但由于咱们国人使用IE系列或以IE为内核系列的浏览器占大多数,并且由于 WINDOWS XP在国内市场份额比较大,并且XP上好多人还在用IE6 IE7 IE8等浏览器,而这些浏览器对于PNG支持或多或少都有差距,IE6完全不支持PNG,IE7 IE8...
jQuery插件pagewalkthrough实现引导页效果

jQuery插件pagewalkthrough实现引导页效果

现在很多网站不仅是介绍,更多的是有一些功能,怎么样让客户快速的知道网站有哪些功能呢?这里pagewalkthrough.js插件能帮我们实现,它是一个轻量级的jQuery插件,它可以帮助我们创建一个遮罩引导层,实现页面功能引导功能,引导完成显示页面内容。html代码:<div id="walkthrough-content"><div id="walkthrough-1"><h3>欢迎来到网页引导示例DEMO演示页<...
kindeditor编辑器点中图片滚动条往上顶的bug

kindeditor编辑器点中图片滚动条往上顶的bug

比如现在我插入两张图片,无论我点击哪张图片,里边的滚动条都会往上顶。本来以为往上会有解决方法,一查结果没有;然后想着去官网查查,然而什么都没有,想到官网提交这个bug,结果没地方提交。怎么解决,如果单是解决这个bug,去研究源码,我觉的是吃力不讨好的。然后我就直接从 click、mousedown 这两个事件找起,找它们获得高度的地方,然后 感觉是的话就console.log下,看是不是。然后就找到了。在这个函数里pos : function() {var...
jQuery 遍历函数详解

jQuery 遍历函数详解

jQuery 遍历函数包括了用于筛选、查找和串联元素的方法。函数 描述.add() 将元素添加到匹配元素的集合中。.andSelf() 把堆栈中之前的元素集添加到当前集合中。.children() 获得匹配元素集合中每个元素的所有子元素。.closest() 从元素本身开始,逐级向上级元素匹配,并返回最先匹配的祖先元素。.contents() 获得匹配元素集合中每个元素的子元素,包括文本和注释节点。.each() 对 jQuery 对象进行迭代,为每个匹配...
JavaScript保存并运算页面中数字类型变量的写法

JavaScript保存并运算页面中数字类型变量的写法

之前在html页面嵌入一段如下javascript片段,但是在单击一个按钮的时候会对i值加一,但是两次单击之后,i的初始值没变。复制代码 代码如下:<script language=javascript> var i=2;</script>后来把变量声明在一个test对象里面,如下代码。这样每次变更test.i之后,test.i的值就可以保存下来复制代码 代码如下:<script language=javascript>...
javascript运动详解

javascript运动详解

物体运动原理:通过改变物体的位置,而发生移动变化。方法:1.运动的物体使用绝对定位 2.通过改变定位物体的属性(left、right、top、bottom)值来使物体移动。例如向右或左移动可以使用offsetLeft(offsetRight)来控制左右移动。步骤:1、开始运动前,先清除已有定时器 (因为:是连续点击按钮,物体会运动越来越快,造成运动混乱)2、开启定时器,计算速度3、把运动和停止隔开(if/else),判断停止条件,执行运动一.定时器在jav...
Jsonp post 跨域方案

Jsonp post 跨域方案

近期在项目中遇到这样一问题,关于jsonp跨域问题,get传值是可以的,但post传值死活不行啊,于是网上看了一大堆关于这方面的资料,最终问题得以解决,今天抽空与大家分享下。说明:http://www.t1.com/index.php服务端URL当然这是我本地配置的,需要改为自己对应的地址。客户端代码:<script>$(function(){ var url = "http://www.t1.com/index.php";$.ajax({ty...
深入分析下javascript中的[]()+!

深入分析下javascript中的[]()+!

这个东西也不是新鲜玩意了,很久之前就见过,但是一看到那一大坨代码,实在是提不起一点研究的兴趣。无奈今天碰到这样一道题目,只好决定深入研究一下。关于上面的题目,有必要多说几句。实际上题目并没有要求一定只有[]()+!这六个字符,要求会宽松不少,不过题目描述中并没有说明的很清楚。而且运行环境是node,这样导致并没有window,history,document这些对象。更没有window.atob();和window.atob();这两个函数。总之那道题与我...
浅谈JavaScript中的作用域和闭包问题

浅谈JavaScript中的作用域和闭包问题

JavaScript的作用域以函数为界,不同的函数拥有相对独立的作用域。函数内部可以声明和访问全局变量,也可以声明局部变量(使用var关键字,函数的参数也是局部变量),但函数外部无法访问内部的局部变量:function test() {var a = 0; // 局部变量b = 1; // 全局变量}a = ?, b = ? // a为undefined,b为1同名的局部变量会覆盖全局变量,但本质上它们是两个独立的变量,一方发生变化不会影响...
<< 1131 1132 1133 1134 1135 1136 1137 1138 1139 1140 >>