jQuery的图片滑块焦点图插件整理推荐

2016年07月27日 9 阅读

1.jQuery实现的右侧选项卡焦点图片轮播动画jQuery实现的右侧选项卡焦点图片轮播动画特效源码，是一段清新可爱的焦点图轮播代码，支持自动轮播与手动点击，是一段不错的焦点图切换代码。在线演示源码下载2.jquery实现的网页缩略图大纲可滑动显示动态query实现的网页缩略图大纲可滑动显示动态特效源码，是一款拥有网页大纲的缩略图显示的代码，点击滑动缩略图即可看到想要的东西，支持鼠标点击、拖动及鼠标滚动切换显示。在线演示源码下载3.纯CSS3实现的自定义美...

9款2014最热门jQuery实用特效推荐

2016年07月27日 9 阅读

1.jQuery cxSlide实现的三款多功能大气焦点图轮播jQuery cxSlide实现的三款多功能大气焦点图轮播特效源码，是一段拥有三种不同风格和效果的焦点图轮播代码，其中有两款最有意思，一款是在将焦点图图片分成了四块，每个图片都连接到不同的地址，并且还拥有鼠标悬浮内图时，其它图片都变暗了的效果，另外一款是，带有带缩略图和文字描述效果的焦点图轮播代码。该实例中的三款焦点图轮播代码都适合于任意网站，需要此款代码的朋友们可以前来下载使用。在线演示源码下...

2014 HTML5/CSS3热门动画特效TOP10

2016年07月27日 12 阅读

1.HTML5+CSS3实现的模拟真人奔跑动画特效今天要分享一款很酷的模拟真人奔跑动画，它主要是利用HTML5/CSS3技术结合多张图片的切换来实现的。这款HTML5动画的逼真之处在于人物在奔跑的时候很有节奏感，而且有人物的投影。更重要的是当人物跑的越来越近是，人物的大小也会随之变大。很像一个小男孩从远处跑过来。在线演示源码下载2.jQuery实现的四款支持不同自定义图片切换的焦点图插件特效jQuery实现的四款支持不同自定义图片切换的焦点图插件特效源码L...

推荐9款炫酷的基于jquery的页面特效

2016年07月27日 9 阅读

1.基于jquery实现的带按钮的图片左右滚动切换jquery带按钮的图片滚动切换代码是一款jquery制作带按钮的图片左右滚动切换特效代码在线演示源码下载2.基于jQuery的图片上下左右无缝连续循环滚动imgscroll插件是一款支持图片焦点滚动（支持渐变和滚动），图片连续无缝循环滚动的js库，依赖于jQuery图片无缝连续循环滚动 支持上下左右的滚动。在线演示源码下载3.jquery实现的fixed固定层时间轴动态效果jquery实现的fixed固定...

推荐6款基于jQuery实现图片效果插件

2016年07月27日 9 阅读

1.基于jQuery实现的汇图网大屏焦点图效果汇图网大屏jQuery焦点图代码，可设置切换模式，如淡入淡出切换，左右滚动切换，上下滚动切换，可设置是否自动轮播，可设置鼠标划过是否停止播放等。在线演示源码下载2.HTML5基于SVG实现的过山车动画特效今天我们要分享一款很酷的HTML5/SVG动画，这款HTML5动画是过山车效果，主要是利用了SVG的path动画来实现的，整体动画效果流畅自然，效果非常酷。在线演示源码下载3.jQuery实现苹果官网页面上下滚...

基于jQuery实现的图片切换焦点图整理

2016年07月27日 10 阅读

1.js实现的七屏百叶窗焦点图动态特效可以实现可以同时显示很多找竖行百叶窗效果的缩略图，代码，鼠标悬浮在一张缩略图上时，该图片就在原位置变亮并慢慢展开，同时两边的缩略图就往两边缩小靠近，需要此种焦点图效果的朋友们可以前来下载使用。在线演示源码下载2.jQuery+CSS3实现的多种图片切换方式简易焦点图今天要来分享一款简易的jQuery+CSS3焦点图应用，这款焦点图应用的图片切换方式非常丰富，而且焦点图的切换按钮比较小，图片篇幅占据比较大，因此总体比较大...

基于jQuery实现的文字按钮表单特效整理

2016年07月27日 9 阅读

1.jQuery幻灯片按钮控制图片过渡特效基于jQuery实现的幻灯片按钮控制图片过渡特效源码，共有4幅图片进行自动切换，且切换时有幻灯片过度的效果。用户还可自定义幻灯片的标题文字和内容。是一款非常优秀的特效源码。在线演示源码下载2.htm5+CSS3实现的表单美化带输入验证特效纯html5+css3实现的表单美化效果，以及具有输入验证特效的代码，此种特效在网站非常实用。在线演示源码下载3.jquery制作的带有遮罩弹出层实现登录注册等表单实现了点击后在原...

web前端设计师们常用的jQuery特效插件汇总

2016年07月27日 9 阅读

1.jQuery鼠标悬停文字渐隐渐现动画效果这是一款基于JQuery实现的鼠标悬停文字渐隐渐现动画效果源码，是一款鼠标悬停后图片渐渐有一层透明遮罩层，同时说明文字从左侧滑入，鼠标离开后文字从右侧滑出，整体效果美观自然，用户体验较好。是一款比较优秀的特效源码。该源码兼容目前最新的各类主流浏览器。在线演示源码下载2.jquery基于small2big实现的图片突出显示特效这是一款基于Jquery的small2big插件实现的图片突出显示特效源码，鼠标滑过图片可...

jQuery/CSS3图片特效插件整理推荐

2016年07月27日 9 阅读

1.CSS3实现的底部带滚动云彩效果的网站登录页面CSS3实现的底部带滚动云彩效果的网站登录页面特效源码，是一段实现页面底部拥有滚动云彩动态效果的特效源码，想要在网站中实现此类效果的朋友们可以前来下载使用。本段代码兼容目前最新的各类主流浏览器，是一款非常优秀的特效源码。在线演示源码下载2.HTML5实现的3D球体斑点运动动画特效源码这是一个很酷的HTML5 3D动画效果，是一个小球，小球表面出现跳动的斑点，斑点跳动时形成各种各样的形状，其实这款动画并不是正...

Javascript常用字符串判断函数代码分享

2016年07月27日 9 阅读

具体的解释查看注释吧，这里就不多废话了，直接上代码：复制代码 代码如下:/*function obj$（id） 根据id得到对象 function val$（id） 根据id得到对象的值 function trim（str） 删除左边和右边空格 function ltrim（str） 删除左边空格 function rtrim （str） 删除右边空格 function isEmpty（str） 字串是否有值 function equals（str1, s...

Jquery实现由下向上展开效果的例子

2016年07月27日 9 阅读

常见的做向下展开的效果很简单，直接用slideUp跟slideDown就行。如果要展开的div是通过position:absolute绝对定位的，且通过相对与底部定位，如bottom:0px 这个时候调用slideDown就是向上展开的。（因为slideDown说白了就是动态改变元素高度，底部定位固定，高度变高的时候就向上扩展了）复制代码 代码如下://精品推荐$（".remm_product ul li"）.hover（function（）{$（this...

实例讲解JQuery中this和$（this）区别

2016年07月27日 10 阅读

平时很少在jquery中用到this。查看代码时发现用到了，就调试出this的值，心想原来如此。还是挺有用的。这里总结一下this与$（this）的区别和使用。 $（this）生成的是什么？ $（）生成的是什么呢？实际上$（）=jquery（），就是说返回的是一个jquery的对象。 通常我们为了简便直接使用$（）。实际上，该函数省略了一个参数context。根据选择器选取匹配的对象即$（selector, context），以jQuery包装集的形...

jquery.ajax之beforeSend方法使用介绍

2016年07月27日 17 阅读

常见的一种效果，在用ajax请求时，没有返回前会出现前出现一个转动的loading小图标或者“内容加载中..”，用来告知用户正在请求数据。这个就可以用beforeSend方法来实现。下载demo：ajax loading代码如下：复制代码 代码如下:function test_ajax（）{ $.ajax（ { type:"GET",//通常会用到两种：GET,POST。默认是：GET url:"a.php",//（默认: 当前页地址） 发送请求的地址 d...

详解Javascript动态操作CSS

2016年07月27日 10 阅读

一、使用js操作css属性的写法1、对于没有中划线的css属性一般直接使用style.属性名即可。如：obj.style.margin，obj.style.width，obj.style.left，obj.style.position2、对于含有中划线的css属性，将每个中划线去掉并将每个中划线后的第一个字符换成大写即可。如：obj.style.marginTop，obj.style.borderLeftWidth，obj.style.zIndex，obj...

ANGULARJS中用NG-BIND指令实现单向绑定的例子

2016年07月27日 9 阅读

本文简单介绍AngularJS框架后，用一个实例演示{{}}插值法和ng-bind指令的使用。不同于jquery只是一个加强和简化前端开发的类库，angularjs是一个完整web前端框架，所以学习曲线高了很多。angularjs给我的感觉类似于Java的Spring框架，处于中心容器位置粘合其他组件，其内置的很多组件已经可以满足一般场景，特殊场景我们可以按照框架思路扩展。下面从最基础的内容走起：复制代码 代码如下:<！DOCTYPE html>...

js继承call（）和apply（）方法总结

2016年07月27日 11 阅读

1、方法定义call方法: 语法：call（[thisObj[,arg1[, arg2[, [,.argN]]]]]） 定义：调用一个对象的一个方法，以另一个对象替换当前对象。 说明： call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。 如果没有提供 thisObj 参数，那么 Global 对象被用作 thisObj。apply方法： 语法：apply（[this...

JS实现仿京东淘宝竖排二级导航

2016年07月27日 9 阅读

代码很简单，就不多废话了，直接奉上代码：复制代码 代码如下:<！DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><title></title><meta name="description" cont...

JavaScript中的ArrayBuffer详细介绍

2016年07月27日 9 阅读

相信每一个 javascript 学习者，都会去了解 JS 的各种基本数据类型，数组就是数据的组合，这是一个很基本也十分简单的概念，他的内容没多少，学好它也不是件难事情。但是本文着重要介绍的并不是我们往常看到的 Array，而是 ArrayBuffer。我写的很多东西都是因为要完成某些特定的功能而刻意总结的，可以算是备忘，本文也是如此！前段时间一直在研究 Web Audio API 以及语音通信相关的知识，内容侧重于音频流在 AudioContext 各个...

SeaJS 与 RequireJS 的差异对比

2016年07月27日 10 阅读

“历史不是过去，历史正在上演。随着 W3C 等规范、以及浏览器的飞速发展，前端的模块化开发会逐步成为基础设施。一切终究都会成为历史，未来会更好。”——引用玉伯原文最后一段话，我个人也非常赞同。既然谈到了“未来”，我个人认为：前端 js 模块如果继续发展，其模块格式很可能会成为未来 WEB 一种标准规范，产生多种实现方式。就好比 JSON 格式一样，最终成为标准、被浏览器原生实现。谁更有能成为未来的异步模块标准？SeaJS 遵循 CMD 规范，Require...

JavaScript对象之深度克隆介绍

2016年07月27日 9 阅读

也不知道从什么时候开始，前端圈冒出了个新词：对象深度克隆。看起来好像很高大上的样子，实际上并不新鲜，在我们的实际项目开发中，你可能早已用到，只不过由于汉字的博大精深，有些原本很简单的事物被一些看似专业的词汇稍加修饰，就变得神秘起来了。首先为什么要将一个对象进行深克隆？请允许我进行一个猜测：你有时一定会认为js的内置对象document太长，那么你可能会这样做：复制代码 代码如下:var d = document;d.by = function（id）{ r...