Welcome 微信登录

首页 / 脚本样式 / JavaScript

Tab页界面 用jQuery及Ajax技术实现(php后台)

Tab页界面 用jQuery及Ajax技术实现(php后台)

网上的Tab页代码很多,实现也大同小异 ,但代码都显得凌乱,若要真的用的话,必须费劲的吃透它,才能进行二次定制开发,为我所用。实际上实现这个Tab页界面非常简单,仅仅是通过Ajax技术偷偷的获取信息,然后在一块区域轮流显示而已(通过显示和隐藏层,或复用一个层,轮流向里边填充Html数据)。 自己的开发的代码自己最清楚,用起来也应该最顺手,要扩展的话脑子也不犯晕。代码如下,还在不断修改中。 代码如下: 复制代码 代码如下: <!DOCTYPE html...
简介内容超出部分文字隐藏省略的特效(可显示)

简介内容超出部分文字隐藏省略的特效(可显示)

我是那传说中很长很长一段的文字,作者hutia。我是那传说中很长很长一段的文字,作者hutia。我是那传说中很长很长一段的文字,作者hutia。我是那传说中很长很长一段的文字,作者hutia。我是那传说中很长很长一段的文字,作者hutia。我是那传说中很长很长一段的文字,作者hutia。我是那传说中很长很长一段的文字,作者hutia。我是那传说中很长很长一段的文字,作者hutia。我是那传说中很长很长一段的文字,作者hutia。我是那传说中很长很长一段的...
最短的javascript:地址栏载入脚本代码

最短的javascript:地址栏载入脚本代码

不过脚本比较长的时候,需要复制密密麻麻一大段到地址栏里,显得很不美观,而且脚本修改起来也很不容易。因此一般先把脚本写在单独一个文件里,然后用javascript: 的形式动态载入脚本到页面中。不少网页插件都是用这个方法载入。 平时,我们用最简单的代码实现动态载入: 复制代码 代码如下: javascript:var o=document.createElement("script");o.src="...";document.body.appendCh...
自己动手制作jquery插件之自动添加删除行的实现

自己动手制作jquery插件之自动添加删除行的实现

效果图如下,演示地址请点击既然是插件,那就应该可以使用$("div").method({})这样的jquery写法来调用,它的做法是: 复制代码 代码如下: (function($) { })(jQuery); 然后给插件命名: 复制代码 代码如下:$.fn.autoAdd = function(options) {}这样我们就可以在页面里用$(dom).autoAdd({...}) 来调用这个插件了,接着我们再给它一些特定的参数,比如我们要复制哪一行,...
自己动手制作jquery插件之自动添加删除行功能介绍

自己动手制作jquery插件之自动添加删除行功能介绍

这是一个我认为功能基本完善的插件,它包括添加、删除、插入、上下移动、索引标识、 数量控制等功能,基本上能满足大部分多行添加的需求,当然,在完成这些功能的前提下,我也尽量保持较少的代码量和易理解的逻辑性。 这个插件的演示页面是http://www.lovewebgames.com/demo/autoAdd/autoAdd.html ,引用自己动手制作jquery插件之自动添加删除行(上)里的介绍,这是一个简单的插件,它的作用是:一个系统中有大量的需要对一个...
jquery ajax学习笔记2 使用XMLHttpRequest对象的responseXML

jquery ajax学习笔记2 使用XMLHttpRequest对象的responseXML

摘要:本节补充ajax学习笔记1中 第二种方式:使用XMLHttpRequest对象的responseXML的方式来接受XML数据对象的DOM对象 在ajax学习笔记1中已经对准备工作和需要用到的知识做了比较详细的介绍,本节主要介绍需要修改的代码以及新增的代码 .新增一个servlet类 AJAXXMLServer.java 复制代码 代码如下: import javax.servlet.http.HttpServlet; import javax.ser...
jquery中ajax学习笔记3

jquery中ajax学习笔记3

摘要: ajax学习1中介绍了使用jquery封装的ajax来接收服务器端的文本数据以及使用XMLHttpReques对象来接收服务器端的文本数据 ajax学习2中介绍了使用XMLHttpReques来接收服务器的端XML数据,本节主要介绍使用jqery封装的ajax使用XML格式接收服务器端的数据。 由于很多知识都已经做了详细介绍,本节只介绍需要修改的代码,使用jqery封装的ajax使用XML格式接收服务器端的数据,web.xml、后台的servet都...
jquery中ajax学习笔记4

jquery中ajax学习笔记4

缓存问题: 何谓缓存问题?即当浏览器的输入内容相同,即请求的URL相同,这样浏览器就会去读缓存,两次的内容一样,就不会和服务器端进行交互。 解决方式:在请求的url中加上时间戳。 通过我的测试,IE、360两次用户名输入一致时不会和服务器端交互,firefox即使两次用户名输入的一样,仍然会和服务器端交互。 即:firefox的中服务器端返回的temp值会每次加1,IE、360就不会改变。故加上时间戳在这三种浏览器中都不会再有缓存问题。 修改的代码: AJ...
Js sort排序使用方法

Js sort排序使用方法

javascript 中 array.sort() 中的参数,需要传入的是一个函数,而且必须是一个函数。 其中的x ,y代表的是array中的两个对象。 需要注意的是,返回类型只有三种:负整数、零、正整数 一般习惯上使用 -1 0 1 代表 另外有个小技巧,如果只需要对一个属性进行比较,比如这里的年龄,那么整个排序方法就只有一句话了 复制代码 代码如下: function a(x,y){ return x.age-y.age; } ...
用dtree实现树形菜单 dtree使用说明

用dtree实现树形菜单 dtree使用说明

准备工作: 请从脚本之家http://www.jb51.net/jiaoben/31974.html下载dtree.zip文件 dtree.zip压缩包介绍: dtree是一个由JavaScript编写成的简单的树形菜单组件,目前免费并且开源。 目前有很多的树形菜单组件(比如ext),dtree是一种简单易懂的js组件, 不需要复杂的操作即可生产,同时支持动态从数据库引入数据 解压后有以下几部分: img文件夹: 包含树形菜单显示需要的图标 api.htm...
<< 1921 1922 1923 1924 1925 1926 1927 1928 1929 1930 >>