标签归档：js插件

邮箱输入辅助插件 EmailPop

在讲解开始之前，你可能希望先查看：demo download

当用户使用邮箱登录你网站时，你可能希望免去用户一些输入，以及防止用户写错邮箱地址，类似于新浪微博登录时的提示：

emailpop

首先需要定义它的html结构，这决定了它的显示方式及运行原理，我使用了一个无序列表“UL”：

1
2
3
4
5
6

<ul id="emailpop" class="autopop">
	<li class="notpop">请选择邮箱类型</li>
	<li class="pop">yu123</li>
	<li>yu123@gmail.com</li>
	<li>yu123@sina.com</li>
</ul>

基本结构固定好以后，由于选择表现与逻辑分离，需要给它定义样式：

继续阅读全文 →

设计制作一个自己的弹出提示框

做前端的一般都知道，尽量减少使用alert，主要因为系统的弹出框会终止当前一切进程，甚至连窗口操作也被禁止，实在是不太友好，所以这次讲下如何定制一个你自己的弹出提示框。即：使用html+css制作一个提示框，并使用javascript为它添加常用方法来达到替换系统提示框的目的。

因为时间有限（太忙了，养家糊口的男人你伤不起啊～），我打算分3篇：1、设计制作一个自己的弹出提示框；2、为你的弹出提示框添加交互功能；3、拖拽你的弹出提示框。

在此之前先让我们看下各浏览器的alert效果：
继续阅读全文 →

jquery延迟加载图片插件（未完成）

应一位朋友的邀请，尝试着写下这个貌似很热门的插件。昨天晚上构思了一下实现方式，结果没想到今天有点忙 :c4 ，断断续续写了点，初步实现了个非常简单的功能。

先写下我的想法，因为以前看过这方面的源码，实现思路一般两种，一种是打Domready与onload的时间差，不过这在webkit内核下行不通；一种是事先就修改src并添加其他属性（例如html5的data-xxx），所有浏览器都可以实现，缺点是这样用起来太麻烦，而且禁止js的话图片就不显示了。各有各的弊端吧。我本来设想是使用jquery的live方法在dom加载时动态委派事件，结果，事件是委派成功了，怎么执行是个问题 :e7 ，有哪位同学了解这方面麻烦留个言，不胜感谢（别说使用setTimeout··· a:3 ）。
继续阅读全文 →

社交网站分享js插件

这几天闲来无事，给博客做了些小优化。

1，减少http请求数量：css合并，js合并，图片合并。

2，减少代码里的空白以及无用代码：css采取一行的格式，js也大幅简化，减少不必要的div嵌套，不过这样一来也彻底的不支持ie6了（ie6快快消失吧！）。

写了个社交网站分享的小插件,其实网上这种插件很多,不过基本都有广告,而且也太臃肿,毕竟咱服务器在美国，硬件上没办法，只好在代码上动手脚了。

具体效果参看此文章底部，没事你可以点击分享下哈。

源文件下载：社交网站分享插件

具体参数介绍:
继续阅读全文 →