-
JQuery拖拽并改变元素的尺寸
"元素拖拽改变大小"其实和"元素拖拽"一个原理,只是所动态改变的对象不同而已,主要在于 top、left、width、height 的运用,相对实现起来也非常容易。以下附出源码原型,弄明白了原理再扩展其他实际应用,思路就变得简单、清晰得多了。先来看看效果: 效果演
-
JQuery实现自动补全的插件
自动补全是一个非常人性化的设计,可以为用户节省很多输入时间。自动补全是如何实现的呢?下面的程序可供参考。 感觉这个东西很常用,很多其它js框架里有,但是太大了,用不了太多,自己写了个。 下面是html测试代码: 01 !DOCTYPE html PUBLIC "-//W3C//DTD
-
JQuery 学习:鼠标移动变色效果
在某些场合,响应鼠标移动变色可以带来很好的用户体验。比如在表格或者列表中,鼠标移过的时候背景变成淡淡的蓝色,可以帮助用户知道他所在的那一行。用户体验都是从小的细节慢慢积累开来的。 这个效果主要是hover()的使用。 效果演示 欢迎访问简明现代魔法
-
JQuery JSON的简单使用
有些页面我们不能直接写PHP代码,这时候需要用Ajax来将前端的数据返回到服务器去处理。下面是一个简单的例子,关于使用JQuery、Ajax还有JSON这些基础知识。虽然简单,但是用途还是很广的。 前端页面代码: 01 script language=javascript src= "jquery.js" /
-
JQuery 学习:改变HTML元素的内容
show() 和 html() 的使用: 1 $( "span" ).addClass( "css_style" ).show().html( "foo" ); 首先增加样式,然后用 show() 显示隐藏的匹配元素,html("foo") 设置每一个匹配元素的 html 内容。 效果演示: 简明现代魔法 Code 01 style 02 .nowamagic 03 { 04