摘要: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>jQuery Context Menu Plugin Demo</title><meta http-equiv="Content-Type" con 阅读全文
posted @ 2011-11-13 09:36 pansly 阅读(1682) 评论(0) 推荐(0) 编辑
摘要: 在现在的Web设计中,提高用户体验是企业最为注重的内容之一。在搜索表单中,根据输入的部分内容进行关键字匹配提示功能,就是最直观和常用的交互体验,类似功能已经被多数的互联网网站应用。例如Google的搜索框效果如下:这里介绍一个jQuery实现搜索关键字自动匹配提示方法。jQuery AutoComplete 是一个基于jQuery实现搜索关键字自动匹配提示的插件,该插件可扩展性强,表现性能优越,方便整合到自己的项目中使用;兼容IE 6.0+, FF 2+, Safari 2.0+, Opera 9.0+, and Chrome 1.0+ 等主流浏览器。演示效果:http://www.devbr 阅读全文
posted @ 2011-11-03 14:20 pansly 阅读(684) 评论(0) 推荐(0) 编辑
摘要: Js代码 <scriptlanguage="javascript">functionspli(){datastr="2,2,3,5,6,6";varstr=newArray();str=datastr.split(",");for(i=0;i<str.length;i++){document.write(str[i]+"<br/>");}}</script>若要实现有多个分隔符分隔的字符串,具体代码如下:Js代码 <html><head><sc 阅读全文
posted @ 2011-10-20 22:34 pansly 阅读(2210) 评论(0) 推荐(0) 编辑
摘要: 一个正则表达式就是由普通字符(例如字符 a 到 z)以及特殊字符(称为元字符)组成的文字模式。该模式描述在查找文字主体时待匹配的一个或多个字符串。正则表达式作为一个模板,将某个字符模式与所搜索的字符串进行匹配。这里有一些可能会遇到的正则表达式示例:Visual Basic Scripting EditionVBScript匹配/^\[ \t]*$/"^\[ \t]*$"匹配一个空白行。/\d{2}-\d{5}/"\d{2}-\d{5}"验证一个ID 号码是否由一个2位数字,一个连字符以及一个5位数字组成。/<(.*)>.*<\/\1&g 阅读全文
posted @ 2011-09-23 07:14 pansly 阅读(154) 评论(0) 推荐(0) 编辑
摘要: 插件下载地址:http://www.trendskitchens.co.nz/jquery/contextmenu/jquery.contextmenu.r2.js压缩版:http://www.trendskitchens.co.nz/jquery/contextmenu/jquery.contextmenu.r2.packed.jsJquery主页: http://jquery.com/插件中的参数说明:Parametersmenu_idTheidofthemenuasdefinedinyourmarkup.Youcanbindoneormoreelementstoamenu.Eg$(&qu 阅读全文
posted @ 2011-09-18 19:05 pansly 阅读(975) 评论(0) 推荐(1) 编辑
摘要: 脚本说明:把如下代码加入<body>区域中<SCRIPT LANGUAGE="JavaScript"><!-- Beginvar today = new Date();var now = today.getDate();var year = today.getYear();if (year < 2000) year += 1900; // Y2K fixvar month = today.getMonth();var monarr = new Array(31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30 阅读全文
posted @ 2011-09-14 21:39 pansly 阅读(179) 评论(0) 推荐(0) 编辑
摘要: 给客户演示系统回来后,用户对以前的一个系统提出了一些在界面上需要完善的建议,其中有一个是使页面中的汇报日期=填发日期+有效期.填发日期是取系统时间,汇报日期可以修改,有效期可以修改,任意改其中一个都应该能使另一个变成正确的。今天下班后不想回去呢,就在网上找相应的例子,结果都不适用,根本就没有把闰年和月份的天数考虑进去,只好自己来写了。现在把代码也贴上来,跟大家共享。//判断年份是否是闰年function isLeapYear(year){if(year%400==0){return false;}else if(year%4==0){return true;}else{return false 阅读全文
posted @ 2011-08-29 21:45 pansly 阅读(790) 评论(0) 推荐(0) 编辑
摘要: 一、前言碎碎念我从来对iframe就没有什么好感,对其基本上是不屑一顾。但是人在江湖,身不由己。经理发话,新功能使用iframe实现,没办法,只好折腾,两大烦人的东西,一是带遮罩的弹框提示,而是iframe高度问题。前一个烦人的问题使用其他形式的提示来规避,后一人扰人的问题确实没有什么经验,花了点时间折腾了下,基本上实现了效果,跨域没问题,兼容性也没问题,于是,写个小文备忘下,下次再使用的时候就到这儿拷贝核心代码。口碑UED有篇大米的“再谈iframe自适应高度”一文,可以看看,虽然貌似兼容性没有个调调。此文评论有个如下的链接地址:http://css-tricks.com/examples/ 阅读全文
posted @ 2011-08-16 21:43 pansly 阅读(1034) 评论(0) 推荐(0) 编辑
摘要: 一、引言在web页面中,如果页面较高,为了方便用户快速地返回顶部,都会添加一个返回顶部按钮。例如:其中淘宝网的是要滚动条的滚动距离大于某一段距离才显示返回顶部按钮;人人网的返回顶部直接在底部的工具条上;新浪微博的返回顶部在滚动高度大于0的时候显示,且返回顶部的效果是平滑动画效果。本文的实现就是类似于新浪微博的这种效果。//zxx:新浪微博今天启用新域名weibo.com了二、jQuery下的返回顶部功能您可以狠狠地点击这里:jQuery下的返回顶部demo可以看到,如果页面有滚动高度,右下角就会有一个含有“返回顶部”字样的黑色背景半透明的小条条,如下图所示:点击这里“返回顶部”字样的按钮后,页 阅读全文
posted @ 2011-08-16 21:40 pansly 阅读(414) 评论(0) 推荐(0) 编辑
摘要: 先一起来看一下效果截图吧:弹出层适用性扩展性很强,可以放几乎任意的东西,页面,图片,flash,复杂的div层都可以,支持自动定时消失的功能,可以说是一款不可多得的弹出层js插件。效果演示页面(附打包下载)本文转自:http://www.zhangxinxu.com/wordpress/?p=70 阅读全文
posted @ 2011-08-16 21:29 pansly 阅读(381) 评论(0) 推荐(0) 编辑