分类: WEB设计预览模式: 普通 | 列表

240多个jQuery插件

概述

jQuery 是继 prototype 之后又一个优秀的 Javascript 框架。其宗旨是—写更少的代码,做更多的事情。它是轻量级的 js 库(压缩后只有21k) ,这是其它的 js 库所不jquery及的,它兼容 CSS3,还兼容各种浏览器(IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+)。 jQuery 是一个快速的,简洁的 javaScript 库,使用户能更方便地处理 HTML documents、events、实现动画效果,并且方便地为网站提供 AJAX 交互。 jQuery 还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择。 jQuery 能够使用户的 html 页保持代码和 html 内容分离,也就是说,不用再在 html 里面插入一堆js来调用命令了,只需定义 id 即可。今天在Kollermedia.at上发现了一篇JQuery插件列表的文章,特推荐如下。

文件上传(File upload)JQuery_001

Ajax File Upload.
jQUploader.
Multiple File Upload plugin
jQuery File Style.
Styling an input type file.
Progress Bar Plugin.

表单验证(Form Validation)

jQuery Validation.
Auto Help.
Simple jQuery form validation.
jQuery XAV - form validations.
jQuery AlphaNumeric.
Masked Input.
TypeWatch Plugin.
Text limiter for form fields.
Ajax Username Check with jQuery.

表单-选取框(Form - Select Box stuff)

jQuery Combobox.
jQuery controlled dependent (or Cascadign) Select List.
Multiple Selects.
Select box manipulation.
Select Combo Plugin.
jQuery - LinkedSelect
Auto-populate multiple select boxes.
Choose Plugin (Select Replacement).

表单基本、输入框、选择框等(Form Basics, Input Fields, Checkboxes etc.)

查看更多...

Tags: jQuery 插件

分类:WEB设计 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 3
程序代码 程序代码

<body>    
<a href="javascript:PDF1.printWithDialog();">打印</a><hr>  
<object  classid="clsid:CA8A9780-280D-11CF-A24D-444553540000" name="PDF1"  width="950"  height="633"  border="0"&...

查看更多...

Tags: IE Adobe Reader 控件 显示pdf js 打印

分类:WEB设计 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 31

checklogin.js 全文翻译

checklogin.js全文翻译

// **********************
// PowerEasy Cms2006
// userlogin part
// code by nt2003
// **********************

var siteroot
var userstat
var username
var userid = 0
var userpass
var showtype
var popmessage
var messagecur = 0
var messageold = 0

function LoadUserLogin(iroot,itype,iusepop)
{
    if(iroot == ''){
   &...

查看更多...

Tags: 动易 checklogin 翻译

分类:WEB设计 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 30
Typetester



一个在线对比字体的工具,可以很直观得看到不同字体的差异



pForm

http://www.pjhome.net/attachments/month_0906/20090611105640.jpg

创建HTML表单的工具,能在瞬间创建很美观的表单,并输出html代码



ColourLovers

http://www.pjhome.net/attachments/month_0906/2009061110570...

查看更多...

Tags: Web Developer 开发轻松 工具

分类:WEB设计 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 13

10款让你震撼的图片展示js代码集合









[img]attachments/month_0908/m2009831114254.j...

查看更多...

Tags: 10款 震撼 图片 展示 js 代码 集合

分类:WEB设计 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 34

动易2006版专用页标签

专用页标签只能用于一定范围内或特定页面的版式模板中,这些标签有一定的应用范围,不能用于整个网站:
频道通用标签

以下各标签的使用范围为各频道内的相应页面。

标签名:{$ChannelName}
作 用:显示频道名称

标签名:{$ChannelID}
作 用:得到频道ID

标签名:{$ChannelDir}
作 用:得到频道URL目录

标签名:{$ChannelShortName}
作 用:显示频道项目名称

标签名:{$ChannelPicUrl}
作 用:得到频道图片的Url地址

标签名:{$Meta_Keywords_Channel}
作 用:频道META关键词,针对搜索引擎设置的关键词

标签名:{$Meta_Deion_Channel}
作 用:频道META网页描述,针对搜索引擎设置的网页描述

标签名:{$ShowClassNavigation(ShowTy...

查看更多...

Tags: 动易 专用页标签

分类:WEB设计 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 11

鼠标滚动放大缩小图片js

<IMG  src="1.jpg" border="0" onMouseWheel="return img_zoom(event,this)">
<SCRIPT language=JavaScript type=text/JavaScript>
function img_zoom(e, o)
{
var zoom = parseInt(o.style.zoom, 10) || 100;
zoom += event.wheelDelta / 12;
if (zoom > 0) o.style.zoom = zoom + '%';
return false;
}
</SCRIPT>

查看更多...

Tags: 放大 缩小 图片 js

分类:WEB设计 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 52

网页垂直居中例子

程序代码 程序代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>网页垂直居中例子</title>
</head>
&a...

查看更多...

Tags: 网页 垂直 居中 例子

分类:WEB设计 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 42

google个性主页的拖拽效果

JS代码:
程序代码 程序代码

// 工具类,使用Util的命名空间,方便管理
var  Util  =   new  Object();
// 获取http header里面的UserAgent,浏览器信息
Util.getUserAgent  =  navigator.userAgent;
// 是否是Gecko核心的Browser,比如Mozila、Firefox
Util.isGecko  =  Util.getUserAgent.indexOf( " Gecko " )  !=   - 1 ;
// 是否是Opera

查看更多...

Tags: GOOGLE 个性 主页 拖拽 效果

分类:WEB设计 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 15

不间断图片左右滚动代码

DEMO页面:
程序代码 程序代码

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="Copyright" content="咖啡杯里游泳 http://www.itweb2.com/" />
<meta name="description" content="" />
<meta content="" name="keywords" />

查看更多...

Tags: 不间断 图片 滚动 代码 左右

分类:WEB设计 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 6