jQuery Masonry瀑布流插件使用详解

2017年02月06日 12 阅读

Masonry是 一款非常强大的jQuery动态网格布局插件，可以帮助开发人员快速开发类似剪贴画的界面效果。和CSS中float的效果不太一样的地方在 于，float先水平排列，然后再垂直排列，使用Masonry则垂直排列元素，然后将下一个元素放置到网格中的下一个开发区域。这种效果可以最小化处理 不同高度的元素在垂直方向的间隙。如下：在上图中大家可以看到，在网格布局中使用float来处理不同高度的元素会使得垂直方向的元素间间隔比较大，而使用Masonry处...

超棒的响应式布局jQuery插件Freetile.js

2017年02月06日 13 阅读

在线演示我们曾经介绍过俩款知名的响应式布局插：isotope和masonary，今天我们这里再介绍一款相当不错的响应式布局插件 –Freetile.js，使用它同样可以生成超酷的动态布局效果。相信大家一定会喜欢！主要特性Freetie来自于Assemblage和Assemblage Plus的内建布局引擎，设计灵感来自于Masonry，VGrid和Wookmark，但是和他们相比较，拥有以下独特的地方：允许包含任何尺寸的元素，并且不要求一个固定的列宽度，因...

jquery 实现返回顶部功能

2017年02月06日 12 阅读

今天搞了一个回到顶部的JS JQ功能，废话不多说，有图有真相！复制代码 代码如下:（function（$）{ $.fn.survey=function（options）{ var defaults={width:"298",height:"207"}; var options=$.extend（defaults,options）; if（$.browser.msie）{ var ieVersion=parseInt（$.browser.version）...

JavaScript数组常用操作技巧汇总

2017年02月06日 12 阅读

本文实例汇总了JavaScript数组的常用操作技巧。分享给大家供大家参考。具体如下：前言相信大家都用惯了jquery或者underscore等这些类库中常用的数组相关的操作，如$.isArray，_.some，_.find等等方法。这里无非是对原生js的数组操作多了一些包装。这里主要汇总一下JavaScript数组操作的常用API。相信对大家解决程序问题很有帮助。一、性质JavaScript中的数组是一种特殊的对象，用来表示偏移量的索引是该对象的属性，索...

Jquery实现仿腾讯微博发表广播

2017年02月06日 12 阅读

前言： 由于这几天在学习Jquery的一些知识，比以前的感觉就是Jquery太强大了，很多很简单的功能以前在JavaScript要写几十行的代码而在Jquery中只用几行代码就搞定了，所以我决定好好学习学习Jquery，支持我吧，呵呵，这几天的学习Jquey使我感觉到其实Jquery的使用并不是很难，就我感觉Jquery只要把选择器学的差不多，其他的基本都可以迎刃而解，多了解一些方法，事件等等。所以我在这里实现了一个Jquery实现仿腾讯微薄的广播发表。1...

如何在MVC应用程序中使用Jquery

2017年02月06日 12 阅读

前言：转眼间，已经是11月中旬了，也从今天开始我要继续在研究ASP.NET MVC的细节用法，所以将这些读书笔记和个人心得写成博客，让大家也能学习到东西，我阅读的书籍是：ASP.NET MVC高级编程,下面我就说说MVC中如何使用JavaScript和Jquery。还有我们现在经常使用的Ajax。1.Ajax初步介绍 （1） 现在我们创建的Web应用程序几乎都要用到Ajax技术，从技术上面讲，Ajax代表异步JavaScript和XML（Asynchro...

删除Javascript Object中间的key

2017年02月06日 12 阅读

这个也不会，回家种田去吧你复制代码 代码如下:delete thisIsObject[key]ordelete thisIsObject.key顺便我们来谈谈delete的用法几个礼拜前, 我有了个机会去翻阅Stoyan Stefanov的 Object-Oriented Javascript 一书. 这本书在亚马逊上拥有很高的评价（12篇评论, 5颗星）, 所以我很好奇地想看看它到底是不是那么值得推荐的一本书, 于是我开始阅读函数的那章. 我非常欣赏这本...

Linux下使用jq友好的打印JSON技巧分享

2017年02月06日 12 阅读

之前在命令行下面打印JSON的时候统统都是Cat，然后将结果复制到支持JSON解析的编辑器里面，非常曲折。简单的搜索了一下之后，在StackOverflow上找到了一篇文章。支持率最高的那个答案需要Python2.6+的支持，可是服务器上的版本为2.4，升级之后的影响不可预料，遂放弃。继续看下面的答案，有一个叫jq的小工具貌似还不错，下载下来测试确实能满足要求。#cat food.json | jq "."即可获得格式化好的结果给大家详细介绍下jq吧jq官...

javascript匿名函数实例分析

2017年02月06日 12 阅读

本文实例讲述了javascript匿名函数的用法。分享给大家供大家参考。具体分析如下：摘要：本文讲解的是javascript最基础也是最重要的东西--函数，之所以写这篇文章，是因为面试的时候问到了，也算是温故而知新了。先上个例子，如果你看懂了，说明你已经理解了本文要讲的。复制代码 代码如下:var f = （function（） { function f（） {return 10;} return f（）; function f（） {return 20;...

jQuery Ajax（）方法使用指南

2017年02月06日 12 阅读

jQuery提供了简单而强大的选择器功能，同时对Ajax操作也给出了很好的支持。在Ajax方面，jQuery除了提供底层的jQuery.ajax（）方法外，也提供了下面的简单方法：（1） jQuery.get（url, [data], [callback], [type]）（2） jQuery.getJSON（url, [data], [callback]）（3） jQuery.getScript（url, [callback]）（4） jQuery.po...

实现图片预加载的三大方法及优缺点分析

2017年02月06日 12 阅读

预加载图片是提高用户体验的一个很好方法。图片预先加载到浏览器中，访问者便可顺利地在你的网站上冲浪，并享受到极快的加载速度。这对图片画廊及图片占据很大比例的网站来说十分有利，它保证了图片快速、无缝地发布，也可帮助用户在浏览你网站内容时获得更好的用户体验。本文将分享三个不同的预加载技术，来增强网站的性能与可用性。方法一：用CSS和JavaScript实现预加载 实现预加载图片有很多方法，包括使用CSS、JavaScript及两者的各种组合。这些技术可根据不同设...

jQuery中$.get、$.post、$.getJSON和$.ajax的用法详解

2017年02月06日 12 阅读

当我们用javascript写ajax程序写得很“开心”的时候，突然有人告诉你有一种东西叫jquery，它会告诉你不直接和HttpRequest是多么的快乐，同时你再也不需要再烦恼纠结的ajax乱码问题，更幸福的是你的js代码将大大地简化，看完本文，你会发现，ajax，简单的来讲就是一句话的事情。1、$.get$.get（）方法使用GET方式来进行异步请求，它的语法结构为：$.get（ url [, data] [, callback] ）解释一下这个函数...

PHP中使用微秒计算脚本执行时间例子

2017年02月06日 12 阅读

在PHP中，大多数的时间格式都是以UNIX时间戳表示的，而UNIX时间戳是以s（秒）为最小的计量时间的单位。这对某些应用程序来说不够精确，所以可以调用microtime（）返回当前UNIX时间戳和微妙数。该函数的原型如下：复制代码 代码如下:mixed microtime（[bool get_as_float]）; //返回当前UNIX时间戳和微妙数可以为该函数提供一个可选的布尔型参数，如果在调用时不提供这个参数，本函数以“msec sec”的格式返回一个...

jQuery验证插件 Validate详解

2017年02月06日 12 阅读

最常使用JavaScript的场合就是表单的验证，而jQuery作为一个优秀的JavaScript库，也提供了一个优秀的表单验证插件----Validation。Validation是历史最悠久的jQuery插件之一，经过了全球范围内不同项目的验证，并得到了许多Web开发者的好评。作为一个标准的验证方法库，Validation拥有如下特点：1.内置验证规则： 拥有必填、数字、Email、URL和信用卡号码等19类内置验证规则2.自定义验证规则： 可以很方便...

javascript继承机制实例详解

2017年02月06日 12 阅读

本文实例讲述了javascript继承机制。分享给大家供大家参考。具体分析如下：初学javascript一般很难理解Javascript语言的继承机制它没有"子类"和"父类"的概念，也没有"类"（class）和"实例"（instance）的区分，全靠一种很奇特的"原型链"（prototype chain）模式，来实现继承。我花了很多时间，学习这个部分，还做了很多笔记。但是都属于强行记忆，无法从根本上理解。一、如何创建一个类假设有给叫Person的类如下：复...

js中数组排序sort方法的原理分析

2017年02月06日 12 阅读

本文实例分析了js中数组排序sort方法的原理。分享给大家供大家参考。具体分析如下：最近在百度的项目中要用到对数组进行排序,当然一开始自然想到了数组的sort方法,这方法应用非常简单,大致如下:复制代码 代码如下: window.onload=function（）{ var arr=[2,55,55,1,75,3,9,35,70,166,432,678,32,98]; var arr2=["George","John","Thomas","James","...

js判断滚动条是否已到页面最底部或顶部实例

2017年02月06日 12 阅读

本文实例讲述了js判断滚动条是否已到页面最底部或顶部的方法。分享给大家供大家参考。具体分析如下：我们经常会看到很多的网站一个返回顶部效果就是当我们滚动条到指定位置时返回顶部出来了，否则就自动隐藏了，下面就来给大家介绍这种效果实现原理与方法。当可视区域小于页面的实际高度时，判定为出现滚动条，即：复制代码 代码如下:if （document.documentElement.clientHeight < document.documentElement.o...

IE6浏览器中window.location.href无效的解决方法

2017年02月06日 12 阅读

本文实例讲述了IE6浏览器中window.location.href无效的解决方法。分享给大家供大家参考。具体方法如下：window.location.href是js中跳转功能，很多人在ie6中都会发现window.location.href不能跳转了，下面我给大家来介绍一下其原因与解决方法。问题代码如下：复制代码 代码如下:<a href="javascript:void（0）;" onclick="javascript:test（）;">点...

jQuery提示效果代码分享

2017年02月06日 12 阅读

代码一：复制代码 代码如下:<p><a href="#" class="tooltip" title="这是我的超链接提示1.">提示1.</a></p><p><a href="#" class="tooltip" title="这是我的超链接提示2.">提示2.</a></p><p><a href="#" title="这是自带提示1."&g...

jQuery 中$（this）.index与$.each的使用指南

2017年02月06日 12 阅读

工作当中响应某个需求，切换选项卡的一个效果，根据每个选项下的内容元素的总数不同而进行不同的html变化（如果选项卡下的内容为空就等于XXX，否则就XXX）复制代码 代码如下:$（function（）{ $（".bao"）.hide（）; $（".bao"）.eq（0）.show（）; $（".head li"）.click（function（）{ $（this）.addClass（"cur"）.siblings（）.removeClass（"cur"）; ...