Jquery跨浏览器文本复制插件Zero Clipboard的使用方法

当开发者需要对某局部文本进行点击复制效果时,在IE下实现比较简单。但要想做到跨浏览器比较困难了。Zero Clipboard 它利用 Flash 进行复制,所以只要浏览器装有 Flash 就可以运行,而且比IE的document.execCommand(“Copy”) 更加灵活。

Zero Clipboard 的实现原理
Zero Clipboard 利用 Flash 进行复制,之前有 Clipboard Copy 解决方案,其利用的是一个隐藏的 Flash。但最新的 Flash Player 10 只允许在 Flash 上进行操作才能启动剪贴板。所以 Zero Clipboard 对此进行了改进,用了一个透明的 Flash ,让其漂浮在按钮之上,这样其实点击的不是按钮而是 Flash ,也就可以使用 Flash 的复制功能了。

Read more

Jquery倒计时插件Countdown timer jQuery Plugin

一个项目里用到了团购倒计时,本来想用递减的方式手写一个,但是想到兼容性问题,还是用封装好的Jquery插件吧。
今天在这里推荐的是“Countdown timer jQuery Plugin”,它是一个轻量级且灵活的倒计时插件,直接用实例说明吧。

首先包含主体的文件:

<script src="script/jquery.js" type="text/javascript"></script>
<script src="script/jquery.jcountdown1.3.js" type="text/javascript"></script>

Read more

Jquery的idTabs使用

idTabs是基于JQUERY编写封装的一个插件,主要用于选项卡的实现。今天正碰到一个需求,这时候开始用到它了。

首先需要在HTML页面加载JQEURY和idTabs的库。

<script type="text/javascript" src="http://img3.tieyou.com/js/jquery.idTabs.min.js"></script>

如果你细心的话,打开jquery.idTabs.min.js后你会发现在

Read more

jquery解决AJAX跨域问题

以PHP服务端为例。

页面ajax.php

<?php
//首先定义一个全局变量用于AJAX跨域返回值获取
$strJsonCallBack = $_REQUEST["jsoncallback"];
//定义一个测试数组
array['data'] = array('测试','再测试');
//再将数组进行JSON格式化,并在最前面加上刚刚定义的AJAX跨域返回值的标示
echo $strJsonCallBack."(".json_encode(array['data']).")";
exit;
?>

Read more

JQuery的Alert插件

使用它可以用来替换JScript中的alert,confirm,prompt

<!-- Dependencies -->
<script src="jquery.js" type="text/javascript"></script>
<script src="jquery.ui.draggable.js" type="text/javascript"></script>
<!-- Core files -->
<script src="jquery.alerts.js" type="text/javascript"></script>
<link href="jquery.alerts.css" rel="stylesheet" type="text/css" />

注意其中jquery.ui.draggable.js是用来实现拖拉的,如不需要这个功能不就不用引用。在目前最近的Jquery1.42下应用引用:

Read more

Jquery表单验证插件–Validform

$(".demoform").Validform();

插件的核心思想就是把所有的验证条件及验证提示信息绑定到每个表单元素,让验证代码在执行时只是核对表单下各元素的值是否跟绑定的验证条件相符,这样你可以随便添加或者去掉任一表单元素而不必修改验证代码,从而使仅用一行代码去搞定整站的表单验证的梦想成为现实!

功能介绍:
1、支持一个页面多表单的检测。例如你给页面上的各form绑定同样的class名称“demoform”,只需在页面上写上一句 $(“.demoform”).Validform(),各表单便会独立检测;
2、两种信息提示效果,一个是元素右侧出现提示信息,一个是弹出信息框。另外还附加了$.Showmsg()、$.Hidemsg()全局弹出/关闭信息框方法以便整站有一个统一的信息提示效果;
3、指定表单下任一元素在单击时触发表单提交事件;
4、支持ajax提交表单数据,也支持ajax实时反馈验证结果(如常见的用户注册表单下的用户名检测);
5、支持开启网速慢时的二次提交防御(有时连续的点击提交表单按钮会产生多次的表单提交结果);
6、可检测多个文本框内容是否一致(例如常见的两次密码输入确认);
7、囊括11种常见的格式验证形式。

Read more

Jquery水平滚动条插件

可以实现滑动、鼠标拖动、滑轮滚动等多种效果!最少仅需传入一个参数:

$(".container").hScrollPane({
	mover:".press"
});

功能介绍:
1、支持滚动内容时的滑动效果;
2、支持鼠标拖动效果及滑轮滚动效果;
3、拖动滚动条时可选择变换样式,实现高仿真滚动条效果;
4、可限定滚动条的最小宽度,默认滚动条宽度适应滚动内容的长短;
5、支持是否显示左右箭头。

Read more