分类 前端技术 下的文章

imagesLoaded 是一个用于来检测网页中的图片是否载入完成的 JavaScript 工具库。支持回调的获取图片加载的进度，还可以绑定自定义事件。可以结合 jQuery、RequireJS 使用。下载地址：imagesloaded.pkgd.min.jsimagesloaded.pkgd.jsjQuery你可以使用imagesloaded作为一个jQuery插件。$('#container').imagesLoaded( function() { // images have loaded }); // options $('#container').image- 阅读剩余部分 -

对于大多数程序员和美工设计人员来说，ie6,7漏洞颇多 ，兼容性问题不断，今天我们就来写一段javascript代码强制用户升级到IE高版本：var Sys = {}; var ua = navigator.userAgent.toLowerCase(); if (window.ActiveXObject){ Sys.ie = ua.match(/msie ([\d.]+)/)[1]; if (Sys.ie<=7){ alert('你目前的IE版本为'+Sys.ie+'版本太低，请升级！'); location.href- 阅读剩余部分 -

Wookmark jQuery插件大致使用position:absolute来重构内容实现瀑布流布局！下载插件后，在网页中引用插件的JS文件：<script src="jquery-1.8.2.min.js"></script> <script src="jquery.wookmark.min.js"></script> HTML代码结构：<div id="main"> <ul id="tiles"> - 阅读剩余部分 -

新浪微博：http://service.weibo.com/share/share.php?url= count=表示是否显示当前页面被分享数量(1显示)(可选，允许为空) &url=将页面地址转成短域名，并显示在内容文字后面。(可选，允许为空) &appkey=用于发布微博的来源显示，为空则分享的内容来源会显示来自互联网。(可选，允许为空) &title=分享时所示的文字内容，为空则自动抓取分享页面的title值(可选，允许为空) &pic=自定义图片地址，作为微博配图(可选，允许为空) &ralateUid=转发时会@相关的微博- 阅读剩余部分 -

谈起Wookmark我想做过前端的大侠都不会觉得陌生，它就是远近闻名的流布局jQuery插件，这个插件使用起来非常简单，需要引入两个js：<script src="/js/jquery-1.10.2.min.js"></script> <script src="js/jquery.wookmark.min.js"></script> jquery实例：Wookmark使用方法引入核心文件<!-- 引入jquery --> <script src="../lib- 阅读剩余部分 -

此作品是一款非常实用的jquery特效，结合了两个jquery插件jquery瀑布流插件blocksit和图片延迟加载插件jquery.lazyload，网站上分享过很多款瀑布流作品，可是很多网友们都觉得不是很懂，有点复杂，今天有空就把此作品整理了出来分享给大家学习用，如果作品有什么问题请多多反馈。。。实现功能的jquery代码如下：$(function(){ $("img.lazy").lazyload({ load:function(){ $('#container').BlocksIt- 阅读剩余部分 -

一个简单技巧的集合，帮你提升 jQuery 技能。Matt Smith 发起的一个小项目，目前已有 15 个 小技巧。伯乐在线会持续跟进更新。回到顶部按钮预加载图片检查图片是否加载完毕自动修复损坏的图片Hover 上的 Class 开关禁用 input 字段停止链接加载淡入淡出/滑动开关简单的折叠效果将两个 Div 设为相同高度在新窗口打开外部链接找到文本元素切换可视与隐藏的触发器Ajax 调用的错误处理链式操作回到顶部按钮通过使用 jQuery 中的 animate 和 scrollTop 方法，你无需插件便可创建一个简单地回到顶部动画：// Back to top $(- 阅读剩余部分 -

方法：首先进入活动页面 http://www.tmall.com/wow/act/14931/1111 ，随便找个地方点击鼠标右键，选择审查元素，点击Console 按F12或者右键审查元素也可以点击Console，然后复制下面代码在空白处后按回车，即可。如果到时候有优惠的商品，就不用担心了。(function(window, document, undefined) { var interval = 800; var closeDelay = 200; var index = 0; var couponLinks; var getC- 阅读剩余部分 -

　前言　　由于Sencha Touch 2这种开发模式的特性，基本决定了它原生的数据交互行为几乎只能通过AJAX来实现。　　当然了，通过调用强大的PhoneGap插件然后打包，你可以实现100%的Socket通讯和本地数据库功能，又或者通过HTML5的WebSocket也可以实现与服务器的通讯和服务端推功能，但这两种方式都有其局限性，前者需要PhoneGap支持，后者要求用户设备必须支持WebSocket，因此都不能算是ST2的原生解决方案，原生的只有AJAX。　　说到AJAX就会不可避免的面临两个问题，第一个是AJAX以何种格式来交换数据？第二个是跨域的需求如何解决？这两- 阅读剩余部分 -

readyState 的值有以下几种：“uninitialized” 默认状态 “loading” 开始下载 “loaded” 下载完成 “interactive” 下载完成，但是并非全部可用 “complete” 所有数据可用

bind 普通的绑定事件, 页面加载完成后, 再ajax添加到页面中事件无效live 页面加载完成后, 再ajax添加到页面中仍然有效 , 但是! 重新load()加载页面后live仍然有效, 代码load()了几遍就执行几遍, 这不是我们想要的结果了!解决办法用delegatedelegate 页面加载完成后, 再ajax添加到页面中仍然有效 ,不存在live() 遇到load()重复执行的问题!!!!

<script type="text/javascript"> $(function(){ $(".select-children-all").on('click', function(){ var checkList = $(this).parent().parent().next().find('[type="checkbox"]'); if (checkList.first().attr('checked')) { checkList.attr(- 阅读剩余部分 -

chm的设计者的初衷是用来做帮助文档，其本质是一堆html网页文件的组合。后来有了专门的编译器、反编译器，人们发现chm这东西具有的html的特性，使其用来做电子书实在是又好又方便，连html里面的脚本特效什么的都能保留下来。所以现在有很多资料采用这种格式。1、系统将chm默认关联到“windows\hh.exe”，正常时双击即可打开。本文不涉及chm打不开的情况，打不开的请参考http://zhidao.baidu.com/question/17011349.html?fr=qrl32、当chm文件的路径中含有“#”“%”等字符时，chm文件能够打开，但是却无法正常看到内- 阅读剩余部分 -

div垂直居中 css div盒子上下垂直居中,让DIV盒子在任何浏览器中任何分辨率的显示屏浏览器中处于水平居中和上下垂直居中。div垂直居中常用于单个盒子，如一个页面里只有一个登录布局，使用div css让这个登录布局水平和css垂直居中。这里介绍一种最简单兼容性最好的水平居中与上下垂直居中的方法。第一种方法：具体实例代码如下<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>上下垂直居中 在线演示 DIV- 阅读剩余部分 -

产品背景亲，像下面这种有关移动互联网迅猛发展的报告，最近见得很多吧？在座各位作为互联网行业的弄潮儿，看完是不是很有历史使命感和紧迫感呢？简直热血喷张、跃跃欲试，甚至有一种“不移动不成活”的冲动吧？！gteffect00其实互动活动移动化已经不再是一种未知的趋势，而是可以用数据证明的。为了让我们的用户有更完美的体验，互动活动必须延伸到移动端！创意诞生大部分互动活动为了吸引用户都祭出了“抽奖大礼”这个杀手锏，这种方式虽然老套，但是老而弥坚。然而，这一已经非常成熟的形式，在向移动端移植的时候，我们却遇到了实际问题：第一是实现方式。过去Flash技术开发的大转盘、老虎机之类的东东，- 阅读剩余部分 -

Swipebox是一款支持桌面、移动触摸手机和平板电脑的jquery Lightbox插件。该lightbox插件支持手机的触摸手势，支持桌面电脑的键盘导航，并且支持视频的播放。今天介绍一下Swipebox的使用步骤。先看效果图：2015101601简要教程使用方法首先在<body>标签之前或<header>标签中引入jquery和swipebox js文件。<script src="lib/jquery-2.0.3.js"></script> <script src="src/js/jqu- 阅读剩余部分 -

UE = User Experience，即用户体验，2003年前后，同Usability一起传入国内。UED = User Experience Design，用户体验设计,也叫UXD（User eXperience Design）。2006年9月“淘宝UED”团队博客建立之后，才被大家熟知。但中国最早成立“用户体验”部门的是百度，2004年11月郭宇回国后加入百度公司任首席设计师及用户体验部总监。UED这个词来自海外，但除Yahoo外很少有公司提起。UE并不能通过Design完全解决，海外公司普遍都叫“UX团队”，也没有“UED团队”的说法。一般UED团队包括：交互设计- 阅读剩余部分 -

超级简单的方法，也不用写什么判断浏览器高度、宽度啥的。下面的两种方法自选其一就行了。一个是放在和iframe同页面的，一个是放在test.html页面的。注意别放错地方了哦。iframe代码，注意要写ID<iframe id="main" src="test.html" width="700" height="300" frameborder="0" scrolling="auto"></iframe> jquery代码１：//注意- 阅读剩余部分 -

1、javascript中的 document.body.clientHeight 和 document.documentElement.clientHeight 的区别这个问题是我在整合新的美工页面的时候发现的，在整合页面的时候菜单页面始终显示不出来。但是查看源代码，里面又已经打印出来了所有的菜单。唯一的解释就是js的问题了。用火狐firebug测试，发现其中一个取得页面高度的变量 bodyHeight 一直是0。就是因为他是0，所以菜单才显示不出来。而取得bodyHeight 高度的语句是 var bodyHeight = document.documentElemen- 阅读剩余部分 -

makefont字体压缩工具，可以自定义生成所需文案的小巧字体文件使用方法全局安装$ npm install -g makefont 新建任意文件夹,进入该文件夹,同时建立一个lib文件夹，将字体源文件放这个里,再建立一个src文件夹，这里面放需要抽取的字体文件来源，可以是任意文件，例如.html,.php,*.txt$ mkdir fontDemo $ cd fontDemo $ mkdir lib $ mkdir src 重要事情说三遍！！重要事情说三遍：字体文件放在lib目录下面，需要的抽取的字体内容文件放在src目录重要事情说三遍：字体文件放在lib目录下面，需要的- 阅读剩余部分 -
  1. 1
  2. ...
  3. 4
  4. 5
  5. 6
  6. 7