2012年03月_阿顿

12月 04月 03月 02月

原创 jQuery-ajax实现的弹出菜单效果

jQuery-ajax实现的弹出菜单效果.list{ list-style-type:none; }.list li{ line-height:30px; border-bottom:1px #666 dashed; } .list li a{ color:#666; text-decoration:none;}.list li a:hover{ color:#F90

2012-03-31 14:44:07 1299

原创参考课堂案例jquery图片滚动效果实现微博首页内容滚动效

可控方向的图片的滚动效果.scroll{ position:relative; width:600px; background-color:#999; padding:2px; height:175px; overflow:hidden; }.items{ position:absolute; margin:0px 0px; padding:0px 0px; li

2012-03-30 22:10:10 1596

原创 jQuery验证插件 form 验证

注册表单验证$.validator.setDefaults({ submitHandler: function(form) { alert("submitted!"); form.submit(); }});$().ready(function (){ //自行定义的验证方法 jQuery.validator.add

2012-03-30 22:03:37 834

原创 jquery 插件--滑块的效果

无标题文档 $(document).ready(function(){ $("#slider").slider({ disabled:false , //false 可滑动 true不可滑动 animate:true, //采用动画效果 true有动画效果布尔、slow max:100, //滑块的最大值是 min:-100,

2012-03-29 21:21:36 1101

转载 jquery.ui.draggable中文文档jquery 自由拖拽类~study~

JQuery UI Draggable插件用来使选中的元素可以通过鼠标拖动.Draggable的元素受影响css: ui-draggable, 拖动过程中的css: ui-draggable-dragging.如果需要的不仅仅是拖, 而是一个完整的拖放功能, 请参阅JQuery UI 的Droppable插件, 该插件提供了一个draggable放的目标.所有的回调函数(start, sto

2012-03-28 20:25:30 15320

原创 jquert模拟tabs效果插件

//当窗体加载完毕的时候出发该匿名函数 //$(document) 把dom对象转换成jquery对象 // $(function(){ $("#tabs").tabs({ event:"click", //even面板激活的事件效果处理默认为单机效果 // disabled:[1], // 面板不可用 1：代表第二个面板 [1,2] fx

2012-03-28 18:02:27 999

原创 jquery 控制面板插件的基本操作

$(function(){ // var option={header:"h3"}; //[{},{}] json格式 $("#accordion").accordion({ header:"h3", //头信息 h3 必须是h3 页面中div中时什么，这里就是什么 event:'mouseover', //面板展开的事件效果默认的是click事件 acti

2012-03-28 17:58:52 1166

原创模拟dialog效果

open 文本框中的内容 $(function(){ //注册对话框 $("#dialog").dialog({ autoOpen:false , //设置对话框的打开方式不是自动打开 show:'blind', //打开时的动画效果 hide:'explode', //关闭时的动画效果 mo

2012-03-28 17:54:55 622

原创模拟dialog效果

$(function(){ //注册对话框 $("#dialog").dialog({ autoOpen:false , //设置对话框的打开方式不是自动打开 show:'blind', //打开时的动画效果 hide:'explode', //关闭时的动画效果 modal:true, //遮罩效果 false 非遮罩效果

2012-03-28 17:50:32 837

原创 trigger触发图片控制事件--动画效果

trigger触发图片控制事件--动画效果 $(document).ready(function (){ // 利用toggle方法控制元素的显示和隐藏 // $("#btn1").toggle(function(){ //先隐藏掉 $("p").hide("slow"); $("img").hide("slow"); },funct

2012-03-27 19:16:56 736

原创 jquery的table隔行变色、复选框的选择变色

parent.even{background-color:#0FF;}.odd{background-color:#F9F;}.selected{background:#CCC;}.selected1{background-color:#99F;}$(document).ready(function(){$("tr:even").

2012-03-26 22:07:52 1835

原创 jquery基础4

克隆节点: $("#ld").clone().appendTo("#user");克隆id等于ld的元素克隆并追加到id为user的元素中 $("#ld").clone().insertAfter("#abm"); 克隆id等于ld的元素克隆并追加到id为abm的元素之后包裹元素 $("ul").wrp("") 将ul用div进行包裹$("ul").w

2012-03-23 15:41:30 683

原创 input添加表格，删除内容

无标题文档//使用jquery加载事件$(document).ready(function(){//追加trvar $i=1; $("#btn1").click(function(){$i++;var $tr=$("");$tr.appendTo("#table");$("input[type=text]").each(function(in

2012-03-22 22:20:55 869

原创将左右下拉框中的内容左右移动

基本选择器学习//使用jquery加载事件//$("select option:selected") ：匹配所有选中的option元素//把所有匹配的元素追加到另一个指定的元素元素集合中。$(document).ready(function(){$("#lmove").click(function(){$(".left option:

2012-03-21 19:15:43 812

原创 Jquery基础2

Jquery内容过滤选择器$("div:contains('内容')") ：选中的div中内容包含‘two’的div$("div:empty") :选中内容为空或者不包含志愿书的div$("div:has(span)") : 选中含有span标记的div元素$("div:parent") :选中含有子标记或者拥有文本内容的div，其中空格也算文本内容$(""div:not

2012-03-21 18:57:36 488

原创 Jquery基础1

Jquery基本选择器使用 $("#id "):根据给定的id匹配一个元素 $(",myclass")：根据类名匹配函数 $("*")：选取html页面中所有的元素、 $("#div").removeAttr("style"); 清空id=div 的元素的style效果 $( "div"):选取html中所有的div元素 $("div,soan,mycl

2012-03-20 19:55:53 450

原创 Jquery 与dom之间的转换

1）Window.load 与window.onload 都是关于网易加载事件的方法，但是前者是仅加载单个事件，二后者也可以加载多个事件，但这两个方法在、 js 中通用2）2）Jquery 与dom之间的转换 Jquery只能在以下方法里写，可以有多个这个方法 $(document).ready(function(){});$(document).ready(funct

2012-03-19 20:46:26 445

转载 jQuery对象与dom对象的联系、区别和转换

1、关于页面元素的引用通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法，且返回的对象为jquery对象（集合对象），不能直接调用dom定义的方法。2、jQuery对象与dom对象的转换只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的，调用方法时要注意操作的是dom对象还是

2012-03-19 19:08:30 501

原创 ajax+js+dom+json+php+mysql 实现google suggest效果

suggest.htmlajax+js+dom+json+php+mysql 实现google suggest效果 /*设文本框的样式*/ #inputStr{ width:300px; } /*设置div的样式*/ #suggest{ width:304px; position:ab

2012-03-09 15:02:04 787

原创验证姓名的合法性

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">检查是否含有非法字符/*1、定义合法的字符串（源字符串）2、获取用户输入的内容3、循环的取出

2012-03-08 21:15:37 1020

原创 FCKeditor 获取编辑器中文字内容

// 获取编辑器中HTML内容 function getEditorHtmlContents(name,isClearP){//获取多文本编辑框的对象 var oEditor = FCKeditorAPI.GetInstance(name); //获取用户输入的内容 var acontent = oEditor.GetXHTML(); if(isClear

2012-03-07 21:57:58 905 1

原创 ajax+js+dom实现隔行变色效果

Interlaces.css.top{ background-color:#F00; color:#006; } table{ border:1px #C06 dashed; border-collapse:collapse; } th,td{ border:#999 1px solid;

2012-03-06 21:07:57 1413

原创 ajax+js+dom+php+mysal实现仿百度、Google的超强分页

paging.phpinclude "../include/dbConn.php";/*几个关键的变量：当前页，总页数，每页大小*///定义当前页if(isset($_GET['np'])){$nowPage=$_GET['np'];}else{$nowPage=1; }//查询数据库，得到总记录数$rs=mysql_q

2012-03-06 21:05:53 1026

原创 ajax案例-ajax+js+dom+json+php+mysql仿google分页1

include "../include/dbConn.php";/*几个关键的变量：当前页，总页数，每页大小*///定义当前页if(isset($_GET['np'])){$nowPage=$_GET['np'];}else{$nowPage=1; }//查询数据库，得到总记录数$rs=mysql_query("select count(*

2012-03-05 19:52:58 722

转载 JavaScript中的JSON

JavaScript这种编程语言首要的目的是为Netscape Navigator提供一种页面脚本语言。它仍被普遍的认为是Java的一个子集，但事实并非如此。它是一种语法类似c语言并且支持面向对象的Scheme-like语言。JavaScript使用了ECMAScript语言规范第三版进行了标准化。　　JSON是JavaScript面向对象语法的一个子集。由于JSON是JavaScri

2012-03-05 09:58:38 351

原创 JavaScript与xml的联合应用

无标题文档 #div{ background-color:#333; width:300px; height:150px; }//定义两个行数 function getXml(){ //定义url var url="ajax-xml.xml"; //定义参数 var

2012-03-05 07:54:55 430

mobiscroll 是不能默认选中时间的,但是在开发中往往需要选中默认时间,我发现 <input type="text" name="appDateTime" value="2018-08-08 8:08" id="appDateTime" /> 中的 value 值可以将年份之后的时间默认选中, 而 minDate: new Date(2020,3,10,9,22), 又可以将最小时间限制,这样以来也算是选中默认时间了吧

2016-08-26