-
JQuery拖拽并改变元素的尺寸
"元素拖拽改变大小"其实和"元素拖拽"一个原理,只是所动态改变的对象不同而已,主要在于 top、left、width、height 的运用,相对实现起来也非常容易。以下附出源码原型,弄明白了原理再扩展其他实际应用,思路就变得简单、清晰得多了。先来看看效果: 效果演
-
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
-
JQuery 学习:展开与收起HTML元素内容
程序演示如下: 单击这里测试(一个收缩展开功能) 点一下我就会收起了。 code $(document).ready(function(){$(".title").click(function(){$(".nowamagic").slideToggle("slow",function(){ });});}); 如何实现? 首先把JQuery导入。 然后开始写函数了。$(do