"元素拖拽改变大小"其实和"元素拖拽"一个原理，只是所动态改变的对象不同而已，主要在于 top、left、width、height 的运用，相对实现起来也非常容易。以下附出源码原型，弄明白了原理再扩展其他实际应用，思路就变得简单、清晰得多了。先来看看效果： 效果演 ...
自动补全是一个非常人性化的设计，可以为用户节省很多输入时间。自动补全是如何实现的呢？下面的程序可供参考。 感觉这个东西很常用，很多其它js框架里有，但是太大了，用不了太多，自己写了个。 下面是html测试代码： 01 !DOCTYPE html PUBLIC "-//W3C//DTD ...
在某些场合，响应鼠标移动变色可以带来很好的用户体验。比如在表格或者列表中，鼠标移过的时候背景变成淡淡的蓝色，可以帮助用户知道他所在的那一行。用户体验都是从小的细节慢慢积累开来的。 这个效果主要是hover()的使用。 效果演示 欢迎访问简明现代魔法 ...
有些页面我们不能直接写PHP代码，这时候需要用Ajax来将前端的数据返回到服务器去处理。下面是一个简单的例子，关于使用JQuery、Ajax还有JSON这些基础知识。虽然简单，但是用途还是很广的。 前端页面代码： 01 script language=javascript src= "jquery.js" / ...
show() 和 html() 的使用： 1 $( "span" ).addClass( "css_style" ).show().html( "foo" ); 首先增加样式，然后用 show() 显示隐藏的匹配元素，html("foo") 设置每一个匹配元素的 html 内容。 效果演示： 简明现代魔法 Code 01 style 02 .nowamagic 03 { 04 ...
程序演示如下： 单击这里测试(一个收缩展开功能) 点一下我就会收起了。 code $(document).ready(function(){$(".title").click(function(){$(".nowamagic").slideToggle("slow",function(){ });});}); 如何实现？ 首先把JQuery导入。 然后开始写函数了。$(do ...
Welcome! 欢迎来到简明现代魔法！ 点下我看看会发生什么 next() 函数取得一个包含匹配的元素集合中每一个元素紧邻的后面同辈元素的元素集合。这个函数只返回后面那个紧邻的同辈元素，而不是后面所有的同辈元素。可以用一个可选的表达式进行筛 ...
在Web App大行其道的今天，分屏指示器用得非常广泛，从Android、到腾讯的Web OS等等。分屏指示器给人很好的用户体验，下面就实现一个分屏指示器，用于实现图片的简单轮换效果，仅抛砖引玉～ 效果演示 1 2 3 4 JQuery Code script type="text/javascript"> va ...
JQuery强大的选择符可以让我们获得页面中任何元素进行操作，并且使用简单方便，可读性强。本章内容根据本人在开发中常用到的选择符作为例子来进行讲解，如有更多常用的简单的例子可回复提供，参与讨论，一起学习研究，首先我们从常用的CSS选择符开始。 CSS选 ...
每次申明一个jQuery对象的时候，返回的是jQuery.prototype.init对象，很多人就会不明白，init明明是jQuery.fn的方法啊，实际上这里不是方法，而是init的构造函数，因为js的prototype对象可以实现继承，加上js的对象只是引用不会是拷贝，new jQuery,new jQuer ...
你可能感兴趣的内容
热门源码
