随笔分类 -  JQuery基础学习

JQuery图片轮换 nivoSlider图片轮换
摘要:nivoSlider,Jquery 阅读全文
posted @ 2013-09-09 15:26 Johnliu 阅读(434) 评论(0) 推荐(0)
JQuery基础学习(五) 获取各种宽度、高度 JQuery format函数
摘要:本例除了使用标准的JQuery类库外,还添加了自定义的函数来进行字符串的format操作。<html xmlns="http://www.w3.org/1999/xhtml"><head> <title>获取页面宽度</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script> <sc 阅读全文
posted @ 2013-03-04 11:25 Johnliu 阅读(444) 评论(0) 推荐(1)
JQuery基础学习(四) 动画和停止动画
摘要:实例中涉及到使用动画方法animate,动画停止方法Stop,其中如果不是使用animate创建动画,使用stop方法无法停止队列中创建的动画。其他详情在示例代码中都有注释。<html xmlns="http://www.w3.org/1999/xhtml"><head> <title>动画效果</title><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/jav 阅读全文
posted @ 2013-03-01 10:54 Johnliu 阅读(260) 评论(0) 推荐(0)
JQuery基础学习(三) 实现淡入淡出效果
摘要:其实淡入淡出效果也是很简单的,直接上代码吧,权当做个笔记。<html xmlns="http://www.w3.org/1999/xhtml"><head> <title>淡入淡出</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script><script type="tex 阅读全文
posted @ 2013-02-28 17:16 Johnliu 阅读(212) 评论(0) 推荐(0)
JQuery基础学习(二) 实现隐藏和显示元素
摘要:JQuery中隐藏和显示元素分别使用hide和show方法,或者使用toggle方法。但是在隐藏和显示过程中我们要对一个按钮的文本进行修改方法一:使用toggle方法自动切换隐藏显示状态View Code <html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <ti 阅读全文
posted @ 2013-02-28 10:57 Johnliu 阅读(263) 评论(0) 推荐(0)
JQuery基础学习(一) 实现元素在两个或者多个不同样式Calss之间切换
摘要:因为做Silverlight的原因,已经很久没有接触过时下流行的WebUI设计方法了,于是来学习一下JQuery的东西,这东西确实比较强大,闲话不扯,下面是做的一个多个样式之间切换的小例子,做个笔记。例子中唯一需要想想的就是如果是在多个样式表之间切换需要将原来的样式全部清除,否则样式会叠加。<html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"><meta http-equiv="Content-Type" content=" 阅读全文
posted @ 2013-02-27 16:07 Johnliu 阅读(2953) 评论(0) 推荐(0)