fancybox1.3.1 基于Jquery的插件在IE中图片显示问题

2016年07月27日 6 阅读

主要特色有： 显示HTML,swf,Iframe,ajax请求 支持鼠标滚动显示图片 支持阴影，放大效果 自定义CSS与增加导航按钮 官方有提供比较详细的API，与及How to Use .这里我们不介如何使用了，您可以参看官方网站。下面我们看一段示例代码：复制代码 代码如下: var selectedid = $（"select[name$=DdlSearchProfile]"）.val（）; var selectedtxt = $（"select[na...

从零开始学习jQuery （一） 开天辟地入门篇

2016年07月27日 5 阅读

一.摘要本系列文章将带您进入jQuery的精彩世界, 其中有很多作者具体的使用经验和解决方案, 即使你会使用jQuery也能在阅读中发现些许秘籍. 本篇文章是入门第一篇, 主要是简单介绍jQuery, 通过简单示例指导大家如何编写jQuery代码以及搭建开发环境. 详细讲解了如何在Visual Studio中配合使用jQuery.转载请注明子秋出品！博客园首发！ 二.前言首先道个歉！ "从零开始学习ASP.NET MVC"系列文章在即将介绍Filter时就...

从零开始学习jQuery （二） 万能的选择器

2016年07月27日 7 阅读

一.摘要本章讲解jQuery最重要的选择器部分的知识. 有了jQuery的选择器我们几乎可以获取页面上任意的一个或一组对象, 可以明显减轻开发人员的工作量. 二.前言编写任何javascript程序我们要首先获得对象, jQuery选择器能彻底改变我们平时获取对象的方式, 可以获取几乎任何语意的对象, 比如"拥有title属性并且值中包含test的<a>元素", 完成这些工作只需要编写一个jQuery选择器字符串. 学习jQuery选择器是学习...

JavaScript判断图片是否能够加载,失败则替换默认图片

2016年07月27日 6 阅读

一为使网站整洁，二来提升网页体验，不至于让别人觉得你这网站有问题。其实实现起来也是非常简单的，具体请看看代码。 图片加载失败时用默认图片替代 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]...

Js检测判断URL网址输入是否正确

2016年07月27日 6 阅读

检查是否为URL function check（）{ str = form1.txt.value; str = str.match（/http://.+/）; if （str == null）{ alert（"你输入的URL无效"）; return false; }else{ alert（"你输入的URL有效"）; return true; } } [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]...

JavaScript检查是否是正确的日期格式的代码

2016年07月27日 6 阅读

JavaScript 检查是否是正确的日期格式 function check（）{ str = form1.txt.value; str = str.match（/^（d{2,4}）（-|/）（d{1,2}）2（d{1,2}）$/）; if （str == null）{ alert（"你输入的日期格式无效"）; return false; }else if （str[3]>12 || str[4]>31）{ alert（"你输入的日期格式无效"）; ...

JavaScript下判断时间格式的代码

2016年07月27日 7 阅读

检查是否为时间 function check（）{ str = form1.txt.value; str = str.match（/^（d{1,2}）（:）？（d{1,2}）2（d{1,2}）$/）; if （str == null）{ alert（"你输入的时间格式无效"）; return false; }else if （str[1]>23 || str[3]>59 || str[4]>59）{ alert（"你输入的时间格式无效"）; retu...

Tips 带三角可关闭的文字提示

2016年07月27日 7 阅读

Tips，带三角可关闭的文字提示 body{ font-size:12px;} .lj-tipsWrap,.lj-in,.lj-close{display:inline-block;} .lj-tipsWrap{background:#F4FBFF;line-height:1.5em;padding:5px 15px;border:1px solid #2192D3;position:absolute;text-align:left;} ....

JavaScript 文本框下拉提示（自动提示）

2016年07月27日 7 阅读

文本框下拉提示效果 html{overflow:-moz-scrollbars-vertical;} body{padding:0;margin:0;font:12px/1.5 Tahoma,Helvetica,Arial,sans-serif;} body,h1,p,blockquote,dl,dt,dd,ul,ol,li,input{margin:0;padding:0;} button,input,select,textarea {font...

JQuery的Alert消息框插件使用介绍

2016年07月27日 6 阅读

下载JS文件引用到page中，如下代码： 复制代码 代码如下: <！-- Dependencies --> <script src="/path/to/jquery.js" type="text/javascript"></script> <script src="/path/to/jquery.ui.draggable.js" type="text/javascript"></script> &...

基于jQuery的实现简单的分页控件

2016年07月27日 6 阅读

1：效果图 2：素材 3：编码 3.1思考 需要做什么？ 1：分页控件需要向后台发送请求，发送的参数包括当前页，每页显示数量，查询条件；并且获取数据加载到当前页面； 2：进行修改删除操作的时候能记住当前页； 3：查询后翻页的时候可以可以记住当前查询的条件 3.2实现 HTML 复制代码 代码如下: <！--存储数据的容器--> <div class="tableData"> </div> <！--分页控件显示--&...

AlertBox 弹出层信息提示框效果实现步骤

2016年07月27日 6 阅读

在仿Lightbox效果中，已经基本实现了这个效果，这次主要改进了ie6在fixed时的抖动问题。 此外，还增加了一个用来兼容ie6的fixed的方法，覆盖层也重新“包装”，程序也改成组件的结构。 兼容：ie6/7/8, firefox 3.6.8, opera 10.6, safari 5.0.1, chrome 5.0 效果预览 http://demo.jb51.net/js/AlertBox/index.htm程序说明【实现原理】弹出层的基本原理在仿...

JavaScript实现的图片3D展示空间（3DRoom）

2016年07月27日 6 阅读

程序就是模拟这样一个三维空间，里面的图片会根据三维坐标显示在这个空间。很久以前就看过一个3DRoom效果，是用复杂的计算实现的。在上一篇图片变换研究过css3的transform之后，就想到一个更简单的方法来实现。兼容：ie6/7/8, firefox 3.6.8, opera 10.6, safari 5.0.1, chrome 5.0效果预览 3DRoom程序说明 【实现原理】3D效果的关键，是深度的实现。把3D容器看成一个由多个不同深度的层组成的空间...

jQuery 表单验证扩展代码（一）

2016年07月27日 9 阅读

再次申明，插件问题比较多，后期一个个来解决，请不要恶言相向。希望各位多多提好的建议善言。 一. 分析表单验证的基本情况 在我们做web开发的过程中，会遇到各种各样的验证。归纳一下基本可以分为一下几类: （1）. 是否必填项 [这个是非常基本的] （2）. 输入参数中的范围校验 （3）. 输入参数与另外一个控件值的比较 （4）. 输入的参数正则表达式验证 二. 是否必填项验证 有如下几种情况: （1） 输入框获得焦点提示 （2）输入框失去焦点验证错误提示 （...

JavaScript入门系列课程之一

2016年07月27日 6 阅读

一、什么是JavaScript？ 1、JavaScript是一种解释执行的脚本语言 2、JavaScript是一种可以用给网页增加交互性的编程语言 3、JavaScript不是Java。JavaScritp是Netscape公司开发的，而Java是由sun公司开发的 二、JavaScript的开发工具 从某种意义上讲，文本编辑软件都可以编写JavaScript代码,在windows平台建议使用Aptana IDE开发工具，当然更多的开发工具可以简单搜索一下...

JSChart轻量级图形报表工具（内置函数中文参考）

2016年07月27日 10 阅读

因为网上讲这个框架的文章不是很多，而且它本身对中文支持不是很好，手册什么的都是英文的，虽然不是很多，但考虑到一些新手可能没有时间和精力来阅读参考手册，为了让更多的朋友了解它，所以工作之余就大概的翻译了一下它的内置函数，因为时间仓促，有些地方翻译的很大概，也难免混杂了一些错误，算是抛砖引玉吧，希望大家不明白的地方亲手测试一下，参照它的官方提供的例子很容易上手。 JSChart内置函数参考 colorizeBars（array colordata）设置柱状图各...

JavaScript isArray（）函数判断对象类型的种种方法

2016年07月27日 5 阅读

1） typeof 运算符 typeof 是一元运算符，返回结果是一个说明运算数类型的字符串。如："number"，"string"，"boolean"，"object"，"function"，"undefined"（可用于判断变量是否存在）。 但 typeof 的能力有限，其对于Date、RegExp类型返回的都是"object"。如： 复制代码 代码如下: typeof {}; // "object" typeof []; // "object" ty...

JavaScript 操作键盘的Enter事件（键盘任何事件），兼容多浏览器

2016年07月27日 6 阅读

废话少说，代码上来： 复制代码 代码如下: document.onkeydown=function（） { var EventUtil = {}; EventUtil.getEvent = function（）{ if（window.event）{return window.event;} else{return EventUtil.getEvent.caller.arguments[0];} } var button = document.getEl...

一步一步教你写淡入淡出带注释的图片轮播插件（一）

2016年07月27日 5 阅读

前几天在blueIdea上看到一个淡入淡出的带注释的图片轮播效果http://bbs.blueidea.com/thread-2911266-1-1.html看了帖子作者的代码，虽然效果达到了，但是有几个地方本人有不同的看法： 1.那位作者的思路是隐藏掉真正的图片列表，而新建一个div，通过不断push当前图片到那个div的innerHTML里的方式来做一个一个交替变化。思路虽然有些新意，但是从目标效果的运行逻辑来看，通过改变列表元素的z-index值来实...

一步一步教你写淡入淡出带注释的图片轮播插件（二）

2016年07月27日 6 阅读

接上一篇，现在进行第二部分。 开始之前，还是说说前文提到的关于把所有函数都写在一个闭包内的优化问题。前文也提到了，因为我们在初始化的时候要调用的只是init，所以可以只把init写入闭包，其他功能函数作为init的原型继承方法来调用。所以前文的代码其实可以这样改写： 复制代码 代码如下: var Hongru={}; function H$（id）{return document.getElementById（id）} function H$$（c,p...