聚合文章列表页

聚合文章列表

4 浏览

全屏滚动插件----fullPage的使用

fullPage.js是一个基于jQuery的插件，它能够很方便、很轻松的制作出全屏网站功能：支持鼠标滚动支持前进后退和键盘控制多个回调函数支持手机、平板触摸事件支持CSS3动画支持窗口缩放窗口缩放时自动调整可设置滚动宽度、背景颜色、滚动速度、循环选项、回调、文本对齐方式等等兼容性：支持jquery1.7+，浏览器支持IE8+，Chrome，Firefox，Opera，Safari。使用方法引入文件

11 浏览

jQuery: Callbacks

jQuery中提供了一个Callback的工具类Callbacks，它提供了一个CallbackChain。使用它可以在一个chain上来执行相关操作。它也是jQuery中的ajax，Deferred的基础。我们也可以使用它来构建需要异步执行的组件等。CallbacksAPI说明构造器jQuery.Callbacks(flags)创建Callbacks对象。Callbacks对象里包含了一个callbackfunction的数组（也称为callbackchain）。method说明add(function|functions):将一个或多个funcation作为一个callbackfunction添加到callbackchain中。remove(function|functions)：从callbackchain中移除指定的callbackfunction。fire(arguments):触发callbackchain。在执行chain中的每一个callb

6 浏览

JQuery获取图片大小并控制图片文件上传大小以及上图片文件时如何预览图片

首先我们来看效果图：点击上传之后如下：在这里我获取到文件的大小，并且如果超出我设定的大小，则禁止上传！不多说，上代码：先看div布局：

上传文件

我们来分析一下该布局首先，外层DIV有一个imageContainer,表示它是装载图片和input：file框容器。然后，在容器下方，就是我们上传文件的input框，我将它设为透明，并设置和外层imageContainer一样大小，这样，无论点击外层哪个

8 浏览

详述：一个链接是怎样打开你的页面的

如果大家想继续看下面的内容的话，有一个要求，就是回答我一个问题:你这样写过代码吗？window.onload=function(){$(".gravatar").on('click',function(){//...});//以及其他操作DOM的节点}如果答案是yes.那么，bingo,这里我们将深入讲解，这样写代码到底有没有IQ。如果答案是No.那么，2333333,你也可以看一下。万一哪天用上了呢？可能会有童鞋反问，那么，我改怎么写呢？没错，这里就是说的就是这个。使用过jquery的童鞋，应该知道有一个叫做ready的方法.即:$(document).ready(function(){//操作DOM相关//...})那这个和上面的写法有什么区别呢？谁比较好一点呢(指性能)？waitwaitwait~这问题有点多诶。不急。想想看，jquery老大哥就是帮你提高性能的，肯定是下面那种好呢。Why?原因我们接着说.页面加载页面加载就是从你输入网址+enter开始，发生的一些列过程

AD 友情赞助

13 浏览

JQuery&原生js ——实现剪刀石头布小游戏

前言jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“writeLess，DoMore”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。上一篇博客中，小编给大家展示了jQuery的一大优势，自定义插件。相信这个功能让各位都跃跃欲试，想要制作一个自己的插件了吧！在这里小编祝贺大家在成为大牛的路上向前跨了一步！！今天，小编就实现一个小游戏带大家领略jQuery的最大大优势，相比于原生的简洁，也就是“writeLess，DoMore”。一、原生JS实现剪刀石头布游戏功能话不多说，直接来代码！HTML：12345请选择6

14 浏览

【ASP.NET MVC】jqGrid 增删改查详解

1usingMVCCrud.Areas.DBUtility;2usingSystem;3usingSystem.Collections.Generic;4usingSystem.Data;5usingSystem.Data.SqlClient;6usingSystem.Linq;7usingSystem.Text;8usingSystem.Web;910namespaceMVCCrud.Areas.JqGridDemo.Models11{12//EmployeeInfo实体类13publicclassEmployeeInfo14{15publicstringEmployeeID{get;set;}16publicstringEmployeeName{get;set;}17publicstringEmployeeMajor{get;set;}18publicstring

30 浏览

几个 Cookie 操作例子的分析

MDN上提供了操作Cookie的若干个例子，也有一个简单的cookie框架，今天尝试分析一下，最后是jquery-cookie插件的分析。document.cookie的操作例子例1：简单使用为了能直接在控制台调试，我小改成了IIEF：document.cookie="name=oeschger";document.cookie="favorite_food=tripe";(functionalertCookie(){alert(document.cookie);})();这一段是最直观地展现document.cookie是存取属性（accessorproperty）接口的例子。我们给cookie接口赋值，但最终效果是新增一项cookie键值对而不是替换。例2：获取名为test2的cookie值如果我们直接读取document.cookie接口，会得到当前生效的所有cookie信息，显然多数情况下不是我们想要的。我们可能只想读取特定

AD 友情赞助

10 浏览

8款HTML5/jQuery应用助网站走向高上大

在WEB3.0的时代，我们的网站不仅要实现实用价值，更要为用户设计优秀的用户体验。jQuery是一个不错的JS框架，结合目前最新的HTML5技术，我们可以将自己的网站脱胎换骨，立马走向高上大，至少在前端页面上。1、HTML5仿Chrome样式控制滑杆动画随着浏览器技术的发展，滑杆控制器在网页上应用越来越广泛。今天要分享一款HTML5的滑杆控制器，这个滑杆动画是放Chrome样式的，不仅外观非常漂亮，而且在数据初始化的时候还带有滑动动画特效，我们可以将此插件应用在数据更新、投票等系统中去。在线演示/源码下载2、HTML5SVGTab滑块菜单非常酷的Tab菜单之前我们分享过很多HTML5/CSS3菜单，应该说大部分都还比较实用华丽，今天我们要来分享另外一种形式的HTML5菜单——HTML5Tab菜单。这款Tab菜单是利用HTML5和SVG实现的，Tab菜单的外观非常漂亮，而且Tab切换也很方便。在线演示/源码下载3、jquery视差滑块幻灯特效非常酷的一款jQuery全屏焦点图插件，图很美。、在线

13 浏览

JQuery选择器

$("parent>child")选取parent元素下的child（子）元素,与$("ancestordescendant")有区别，$("ancestordescendant")选取的是后代元素集合元素$("div>span")选取

元素下元素名是的子元素$("prev+next")选取紧接在prev元素后的next元素集合元素$(".one+div")选取class为one的下一个

同辈元素$("prev~siblings")选取prev元素之后的所有siblings元素集合元素$("#two~div")选取id为two的元素后面的所有

同辈元素

9 浏览

JQuery简介

jQuery库可以通过一行简单的标记被添加到网页中。掌握JQuery需要具备的基础知识：HTMLCSSJavaScrip什么是jQuery？jQuery是一个JavaScript函数库。jQuery是一个轻量级的"写的少，做的多"的JavaScript库。jQuery库包含以下功能：HTML元素选取HTML元素操作CSS操作HTML事件函数JavaScript特效和动画HTMLDOM遍历和修改AJAXUtilities为什么使用jQuery？目前网络上有大量开源的JS框架,但是jQuery是目前最流行的JS框架，而且提供了大量的扩展。很多大公司都在使用jQuery，例如:GoogleMicrosoftIBMNetflixjQuery的功能概括html的元素选取html的元素操作htmldom遍历和修改js特效和动画效果css操作html事件操作ajax异步请求方式jQuery是否适用于所有浏览器?jQuery团体知道JS在不同浏览器中存在着大量的兼容性问题，目前jQuery

AD 友情赞助

6 浏览

JQuery在线引用地址整理

jQuery(一个快速、简洁的JavaScript框架)其它版本直接修改版本号就行；百度的引用地址:官网的引用地址:360的引用地址:微软的引用地址:jquery-migratejQuery版本迁移辅助插件，如果您使用的低版本jQuery改为高版本后出现错误，可以试试这个插件。用来检测和恢复在jQuery1.9版本中已删除或已过时的API

8 浏览

ECharts, PHP, MySQL, Ajax, JQuery 实现前后端数据可视化

最近要将后台数据库上的一些数据以可视化的方法显示到前端，找来找去，发现百度开发的这套图表工具库还不错，网上搜索了一下相关的教程，也算是实现了较为简单的demo。于是写下来，记录一下。EChartsECharts是国人开发的一套前端的图表工具库，使用起来超方便，也很简单（当然了，前提是理解了其工作原理之后）。下面简单的介绍一下，如何在项目中使用ECharts。下载js代码下载地址：http://echarts.baidu.com/个人觉得，开发人员下载完整版会比较好一点。而且官方建议的也是下载完整版。下载Echarts博主这里下载的是完整版，大约不到2M。工作原理浅析其实仔细的想想，ECharts的工作就是在网页上显示了一张特殊的图片嘛。所以我们需要意识到，需要给“图片”一个一个空间，这样才会有图表的安家之所嘛。然后空间有了，也就是有地皮了。要盖一个房子的话，必须得有框架不是。这样的往上面添加些砖瓦水泥什么的才能将房子盖起来。同样的，ECharts也是这么个原理。但是这个“骨架”叫Option。至于这个option

11 浏览

后台站点文件扫描

前言这几天在看easyui，看到树形结构这个组件的时候突发奇想，能不能把站点以目录树的形式展示呢？然后着手实现了一下，具体的来说是实现了对数据层的获取，还没有附加到tree组件上。下面就来谈谈我对这次文件信息抓取的体会吧。遍历文件在PHP中遍历文件有很多方式，但是适用的场景不尽相同。所以在合适的场合适用合适的方法显得至关重要，下面简要的了解一下。scandir如果说想找到一款类似于Python中使用os.walk获取文件目录信息的优雅的方法，在PHP中就不是那么的方便了，唯一能称得上简单的就是scandir函数，但是这个函数并不优雅，其作用就是扫描给定目录下的文件信息（如果包含子目录，那就只能显示到子目录的层级，再想查看子目录下的信息，那就不行了，否则会报错的）。空口无凭，找个实例来看一下就一目了然了。给定目录

16 浏览

easyui Basic CRUD Application 试水

前言EasyUI一款简洁而又不简单的前端框架，近来因为要做一些管理信息处理，为了偷懒写那么多前端代码，就尝试着使用easyui做了一下适配。因为是基于JQuery实现，所以兼容性是没得说啦，其他的除了界面略显粗糙，还都挺不错的。环境搭建要想使用easyui，就必须下载相关的依赖。因为是基于JQuery，所以必不可少需要JQuery的支持。通常来讲，可以使用离线版和在线版两种方式来引入相关文件。接下来简单的叙述一下。离线版使用离线版的话，需要将下载好的javascript文件引入到我们的项目中来。该文件可以在http://www.jeasyui.com/download/index.php处下载。下载完后我们需要的文件就是下面这张图上展示的了。项目依赖文件到时候需要的时候，在HTML代码中进行引入就可以了。在线版在线版的话就方便多了，但是缺点就是当网速不给力的时候，页面加载的会非常的缓慢，导致用户体验的直线下降。所以一般来讲，实际项目中都会先把依赖的文件保存到服务器的特定目录中，方便代码的加载和调用。最大程度上给用户更

5 浏览

你不需要jQuery(五)

为什么不用jQuery？因为它让你的网站体积变得臃肿。你的网站并不真的需要jQuery，不需要它带来的额外体积、带宽和加载时间。用原生JavaScript简单实现jQuery提供的功能和方法查找、选择页面元素//jQuery实现varels=$('.el');//原生JavaScript实现varels=document.querySelectorAll('.el');//简写var$=function(el){returndocument.querySelectorAll(el);}varels=$('.el');创建元素//jQuery实现varnewEl=$('

');//原生JavaScript实现varnewEl=document.createElement('div');事件、监听器操作//jQuery实现$('.el').on('event',function(){});//原生JavaScript实现[].forEach.call(docu

4 浏览

Easyui后台管理角色权限控制

最近需要做一个粗略的后台管理的权限，根据用户的等级来加载相应的菜单，控制到子菜单。使用的是Easyui这个框架。1.我使用的mysql数据库。在这里我就建立四张表，角色表(tb_users),菜单表(tb_menu),用户权限表(tb_role),权限菜单表(tb_user_role).表结构如下：数据是我随便插的。因为两张权限表相当于辅助作用，所以实体层中只对角色表及菜单表进行构造与封装。2.建立一个login.jsp页面，实现登录功能。注意登录时查询到角色的rid(等级)，（使用多表连接查询）,然后将查询到的rid保存到session中。登录方法如下3.登录后跳转到index.jsp。该页面整体为easyui的laypout布局，左边部分使用accordion做菜单栏，动态创建父菜单，其中子菜单用tree(树)来加载。点击子菜单后加载其相应的路径在layout中间部分动态添加tab页。1.首先要根据登陆时保存角色的rid来多表连接查询出相应父菜单，然后用jaon格式返回给index.jsp页面中。再根据父菜

11 浏览

每日一博 | 通过 jQuery 实现放大镜效果

实现原理首先，我们讲解一下放大镜效果的实现方式：方法一：准备一张高像素的大图，当鼠标放到原图上，加载显示大图的对应位置。方法二：对原图片进行放大，也就是调整原图的长和宽。上面我们介绍了通过两种方式实现放大镜效果，接下来，我们将以上的两种方式应用到我们的jQuery插件中。首先，我们需要一个img元素显示原图对象，还需要一个容器作为显示框；显示框里面存放大图对象。当鼠标移动到原图上时，通过对大图进行绝对定位来显示对应的部位，实现类似放大镜的效果。接下来，让我们定义Index.html页面，具体实现如下：jQueryImageZoomDemo

7 浏览

day17--JQuery选择器

操作HTML标签的时候，我们首先要找到HTML标签的位置，然后进行操作，下面来看看集中查找标签的方法，如下：1、Id选择器--Id在HTML中是唯一的，通过Id进行查找，Id对应的是#号id==》#Title

caonima

alexsb 您好 ershazi

上面HTML代码，下面使用$("#i10")进行查找，查找Id="i10"的标签，如下：>obj

AD 友情赞助