最近的文章列表

jQuery,js 仿人人网弹出层效果
引自:http://www.cnblogs.com/think_fish/archive/2011/03/30/1999506.html/Files/think_fish/msgbox.rar 下载js文件本来这个是在网上下载的一个弹出层的插件,但是感觉之前的效果很不好而且功能也少,也只能是弹出一个层然后显示消息。因为项目的需要我将这个插件进行了拓展。感觉还行吧,所以拿出来分享一下。有兴趣的可以继续研究拓展哈。 有兴趣的朋友可以从文章最顶部的链接下载js文件。下面的代码是我所拓展的部分。在这分隔线之前基本上没有多少改动 1 //---------------------------------------blockUI part end---------------------------
2011/4/7 Comments:
基于jquery的用dl模拟实现可自定义样式的SELECT下拉列表(已封装)
运行代码: <!doctype html> <html> <head> <FCK:meta charset="gbk" /> <title>用dl模拟实现可自定义样式的SELECT下拉列表@Mr.Think</title> <style> /*reset css*/ body{font-size:0.8em;letter-spacing:1px;font-family:\5fae\8f6f\96c5\9ed1;line-height:1.8em} div,h2,p,fieldset,legend,span,em,dl,dt,dd{margin:0;padding:0} input{fon
2011/4/6 Comments:
用js实现select的美化
准备工作  1、想好要把select美化成什么样子,并准备好相应的图片。  2、写好一个普通的表单递交页面,注意给select定义基本的CSS样式、在头部添加了调用js文件的代码、在body中添加了调用函数的脚本。  实现思路  第一步:将表单中的select隐藏起来。  第二步:用脚本找到select标签在网页上的绝对位置。  第三步:用脚本把select标签中的值读出来。  第四步:当用户点击select标签的替身,也就是div的时候。我们再用一个div浮在上一个div的下边,这个就是options的替身了。  功能需求  1、调用要方便,做好之后应该像这样: 以下是引用片段:function loadSelect(selectobj){ //传入一个select对象就能将他的样式美化
2011/4/6 Comments:
JS触发select控件显示下拉菜单
js怎么才能操作select 使它的下拉菜单显示出来?而不是人工的去点击<select>控件!&middot;<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML><HEAD> <TITLE> New Document </TITLE> <script lanauage="javascript"> function show(){ document.getElementById(’temp’).onclick(); } <
2011/4/6 Comments:
jQuery formValidator插件inputValidator,compareValida
1. jQuery formValidator表单验证插件是什么? [top] jQuery formValidator表单验证插件是客户端表单验证插件。 在做B/S开发的时候,我们经常涉及到很多表单验证,例如新用户注册,填写个人资料,录入一些常规数据等等。在这之前,页面开发者(JavaScript开发者)需要编写大量的JavaScript来进行表单元素的校验,而这些校验在平时开发中不停的重复书写。 常见的校验如不能为空,必须满足长度要求,必须为数字,必须为Email等等。一般要判断的表单元素比较多,开发过程就显得枯燥无味重复的代码不断重复,而且可能还要兼容多种浏览器,更多的考虑因素使人头疼不已。由于每个要校验的页面虽然逻辑基本相同,但是在大多数情况下,
2011/4/2 Comments:
使用Google CDN服务提供的jQuery库
jQuery,让我们控制页面元素更加方便快捷,让我们在编写js的时候不需要过多地考虑浏览器特性问题了。但是jQuery功能越强大,它本身的文件也越大。在做网站优化的时候,通常会通过优化js、css和图片文件能挤出来的几百k尺寸的下载量.Google挺够意思,就提供了jQuery库,通过使用Google提供的jQuery库,Google的服务器和线路品质那自然是不在话下的。即提高了下载速度又减少了自己服务器的并发连接数。用起来也很简单,直接在网页里引用Google服务器上的相关js文件就可以了。不过,如果引用多个js,就要插入多段的script。Google也提供了相应的办法,那就是google load。我们只需要在页面里引用一个js文件,就可以根据需要实时加载用到的js库了。首先在页头部分
2011/3/14 Comments:
jQuery 1.5发布 Ajax模块重写

美国时间1月31日John Resig在jQuery官方博客发表文章,宣布jQuery 1.5正式版已经如期开发完成,可以下载使用。压缩版本jQuery Minified 29KB,不压缩版本jQuery Regular(用于阅读和调试)207KB。由于jQuery已经成为目前最流行的JavaScript库,得到广泛的支持,新版本的发布当然非常引人注目。jQuery创始人John Resig在CSDN TUP活动上演讲(相关报道)另外,微软和Google也为jQuery 1.5提供了CDN支持,可以直接导入:微软:http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.5.min.jsGoogle:https://ajax.googleapis.com/

2011/2/18 Comments:
Web开发人员必备的20款超赞的jQuery插件
Creative Radical Web TypographyLettering.js是一个轻量经的、易于使用的jQuery插件,可创造出极具个性的网页排版,是2010年最佳jQuery插件之一。 New FancyMoves Jquery Product SliderJquery Product Slider是一款效果很不错的产品幻灯片插件。Jquery Space GalleryJquery Space Gallery是一款很有空间感的图片库插件。Fancy Thumbnail Hover Effect这是一款非常不错的Hover效果插件。Jquery Inline Form Validation这是一款表单验证插件。Site Switcher这是一款站点切换插件。AnythingSli
2011/2/18 Comments:
JQuery的html(data)方法与&lt;script&gt;脚本块的解决方法
在使用Jquery的html(data)方法执行写数据到Dom元素时遇到一个问题:在data参数中包含script脚本块的时候,html(data)方法的执行结果与预期不符今天才注意到jQuery(...).html()方法返回的HTML会过滤掉所有的<script>块,但有时候,特别是在AJAX应用中,常常是需要保留HTML中的<script>块的,比如局部更新含脚本的内容,此时切忌不要用html()来读写HTML,还是要老老实实用elem.innerHTML。今天因为这个问题浪费了1个小时,特此给大家提个醒。 经过测试发现,新版本(1.3.2之后的,之前版本未考证过)的jQuery(...).html()方法已经不存在该问题(html()方法是一个读Dom元素数据
2011/2/14 Comments: