JavaScript技术

JQuery的ajax基础上的超强GridView展示
JavaScript技术

JQuery的ajax基础上的超强GridView展示

阅读(11) 作者(admin)

看到一个这样的例子和大家分享下。这个一直是我想要做到的。 首先先展示下最终的样子: 使用northwind的数据。点击前面的加号会把其它属于这个产品的详细订单展示出来,而每个产品后面都会有它的订单个数。点击'+'后的...

JavaScript技术

jQuery slider Content(左右控制移动)

阅读(7) 作者(admin)

不错的效果。好多文字广告可以这样控制。 ul,li{ display:block; } li{ width:150px; float:left; } #content { width: 2030px; margin-left: 0px; } #slider { margin-left: 40px; overflow: hidden; } #leftA {...

JavaScript技术

js表格分页实现代码

阅读(24) 作者(admin)

复制代码 代码如下:<!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 htt...

JavaScript技术

ext 同步和异步示例代码

阅读(22) 作者(admin)

同步调用的相关文档就少一些。一下是同步示例,即页面在加载时,或者这个js被调用到时,程序会一行一行的往下走,这在获取页面初始化需要数据或者样式等一些功能会用到。 示例代码: 复制代码 代码如下://判断按钮权限的方法。...

JavaScript技术

一个js写的日历(代码部分网摘)

阅读(12) 作者(admin)

特意贴出这段代码,因为它的代码简洁和清晰,觉得不错,供大家分享。 ×××××××函数定义部分 复制代码 代码如下: <script type="text/javascript"> var $ = function (id) { return "string" == typeof id ? document...

JavaScript技术

用jQuery技术实现Tab页界面之二

阅读(23) 作者(admin)

这是第二篇文章,第一篇可以参考Tab页界面,用jQuery及Ajax技术实现代码特点: 1,完全实现Tab逻辑功能,Tab的样式完全交由前端代码控制,很灵活。 2,tab页触发事件是click。 3,界面以table布局,只需要配置关键对象的class和id 即可...

JavaScript技术

Tab页界面,用jQuery及Ajax技术实现

阅读(21) 作者(admin)

到了B/S开发时代,网页前端布局也把Tab页的布局形式吸收了过来。特别是和Ajax技术结合起来,可以更充分发挥Tab页的良好表现力和数据缓存的优势,是一种良好的网页布局形式。 网上的Tab页代码很多,实现也大同小异 ,但代码都显...

JavaScript技术

通过JS 获取Mouse Position(鼠标坐标)的代码

阅读(26) 作者(admin)

昨天写的脚本在获取鼠标位置的时候有些问题。在IE中始终当有滚动条的时候,发现document.body.scrollTop并没有起到作用。后来在google中搜索到一篇文章Mouse Cursor Position,详细介绍了浏览器鼠标定位的问题。各个浏览...

JavaScript技术

通过Mootools 1.2来操纵HTML DOM元素

阅读(20) 作者(admin)

我们已经学习过如何来选取DOM元素,怎么创建数组,怎么创建函数,怎么把事件添加到元素,今天我们来深入地学习一下如果操纵HTML元素。通过MooTools 1.2,你可以添加新元素到一个HTML页面中,也可以删除元素,以及改变任何样式或者...

JavaScript技术

Mootools 1.2教程 输入过滤第一部分(数字)

阅读(27) 作者(admin)

注意:JavaScript中的输入过滤只是为了保证(客户端)代码顺利执行,并不能替代服务器端的字符串过滤来保护你的应用程序不被注入攻击。 在第四讲的最后的一个例子中,我们从文本输入框获取RGB值,然后使用它们来改变页面背景色,今...

JavaScript技术

Mootools 1.2教程 设置和获取样式表属性

阅读(18) 作者(admin)

欢迎开始这一系列的教程的第七讲。今天,我们来看一下如何通过MooTools 1.2和我们以前几讲中的内容来操作样式,这将给你在UI上带来很大的控制权。处理样式非常简单,不过今天我们要做一些调整。例如,我们要介绍键值对(key-va...

JavaScript技术

Mootools 1.2教程 Fx.Tween的使用

阅读(22) 作者(admin)

和我们看到的其他的MooTools函数一样,这些方法使用起来都非常简单,但是功能都很强大。Tween可以让你添加那些极“炫”的效果――可以很平滑地发生形变动画,从而改善你的用户体验。 Tween的快捷方法 我们通常都从“基本知...

JavaScript技术

Mootools 1.2教程 输入过滤第二部分(字符串)

阅读(21) 作者(admin)

我们会在以后另外用一讲来将一下正则表达式的基本知识和在MooTools下的使用。 在开始之前,我想先花一点时间来看一下字符串函数是怎么调用的。在我的例子中,我是在字符串变量上面直接调用这个方法的,就像下面的这样: 参考...

JavaScript技术

MooTools 1.2中的Drag.Move来实现拖放

阅读(25) 作者(admin)

它的使用和我们见过的其他的插件类似:首先你使用“new”关键字来创建一个Drag.Move对象并赋值给一个变量,然后你再定义你的选项和事件。这就是全部要做的事情,不过你一定要注意一下下面的例子中描述的IE的CSS怪异现象。...

JavaScript技术

Mootools 1.2教程 Fx.Morph、Fx选项和Fx事件

阅读(18) 作者(admin)

我们将学习如何使用Fx.Morph(它从本质上可以让你同时渐变多个样式表属性),然后我们再检查一下应用到Fx.Tween和Fx.Morph的一些Fx选项,最后我们将看看如何使用Fx事件,譬如“onComplete”和“onStart”。通过这些选项和事件,...

JavaScript技术

Mootools 1.2教程 定时器和哈希简介

阅读(24) 作者(admin)

定时器能比它表面看起来做更多的事情――定时能定期地触发一个函数。另一方面,hash则是键值对(key/value)的集合。如果你对hash还不熟悉现在也不要着急――我们今天就会做一个快速简要的介绍,并且会提供一些延伸阅读的相...

JavaScript技术

Mootools 1.2教程 正则表达式

阅读(23) 作者(admin)

如果你还不熟悉怎么使用正则表达式(regular expression(regex)),我强烈建议你花一定量的时间好好看一下这篇文章中的一些链接,尤其是文章结尾“更多学习”部分的链接。我们今天只是讲一讲正则表达式最基本的用法,正则表达式...

JavaScript技术

Mootools 1.2教程 排序类和方法简介

阅读(16) 作者(admin)

Sortables类还提供了包括一个名叫“serialize”的优秀方法,通过这个方法你额可以把这些元素的id作为数组输出――对于服务器端的开发非常有用。接下来,我们看看如何创建一个新的排序项集合,还有一定要看一下最后的演示实...

JavaScript技术

Mootools 1.2教程 滚动条(Slider)

阅读(18) 作者(admin)

尽管滚动条(Slider)遵循这个熟悉的模式,但是任然还有一点特殊的地方。 基本用法 创建一个新的滚动条(Slider)对象 我们首先从HTML和CSS开始。基本的想法是创建一个滚动条的div,因此是一个长的长方形(长度取决于我们用滚动条...

JavaScript技术

Mootools 1.2教程 类(一)

阅读(19) 作者(admin)

简单地讲,一个类就是一个容器,这个容器包含了一些变量集合和操作这些变量的函数,以便实现特定的功能。在一个内容牵涉较多的项目中,类会显得难以置信的有用。 变量 在前面一系列的课程中,我们已经学习过了Hash对象中键值对...

JavaScript技术

Mootools 1.2 手风琴(Accordion)教程

阅读(19) 作者(admin)

创建和配置一个基本的手风琴很简单,但是你一定要认真看完全文,因为更多的高级选项可能有一些复杂。 基础知识 创建一个新的手风琴 要创建一个新的手风琴,你需要选择一些成对的元素――包含标题和内容。因此,首先,需要给每...