|
|||
随笔分类 - JQuery
摘要：六：事件处理hover(Function, Function) 当鼠标move over时触发第一个function，当鼠标move out时触发第二个function样式：<style>.red{color:#FF0000}</style>Html代码： <div id="a">sdf</div>jQuery代码及效果$(function(){ $("#a").hover(function(){$(this).addClass("red");},function(){ $(this).
阅读全文
posted @ 2011-08-31 17:45
摘要：五：动态效果 在将这部分之前我们先看个例子，相信做网页的朋友都遇到n级菜单的情景，但点击某菜单按钮时，如果它的子菜单是显示的，则隐藏子菜单，如果子菜单隐藏，则 显示出来，传统的javascript做法是先用getElementById取出子菜单所在容器的id，在判断该容器的style.display是否 等于none，如果等于则设为block,如果不等于这设为none，如果在将效果设置复杂一点，当点击按钮时，不是忽然隐藏和显示子菜单，而是高度平滑 的转变，这时就要通过setTimeout来设置子菜单的height了，再复杂一点透明度也平滑的消失和显现，这时显现下来需要编写很多代码，如果js 基
阅读全文
posted @ 2011-08-31 17:44
摘要：四：JavaScript处理$.browser() 判断浏览器类型，返回boolen值$(function(){ if($.browser.msie) { alert("这是一个IE浏览器");} else if($.browser.opera) { alert("这是一个opera浏览器");}})当页面载入式判断浏览器类型，可判断的类型有msie、mozilla、opera、safari$.each(obj, fn) obj为对象或数组，fn为在obj上依次执行的函数，注意区分$().each()$.each( [0,1,2], function(i
阅读全文
posted @ 2011-08-31 17:43
摘要：三：CSS操作 传统javascript对css的操作相当繁琐，比如<div id="a" style="background:blue">css</div>取它的background语法是 document.getElementById("a").style.background，而jQuery对css更方便的操作，$("#a").background()，$("#a").background(“red”)$("#a")得到jQuery对象[ <
阅读全文
posted @ 2011-08-31 17:41
摘要：对css和XPath的支持，使我们写js变得更加方便！如果你不是个js高手又想写出优 秀的js效果，jQuery可以帮你达到目的！ 下载地址：http://jquery.com 下载完成后先加载到文档中，然后我们来看个简单的例子！<script type="text/javascript" src="scripts/jquery-1.2.3.js"></script><script language="javascript" type="text/javascript"> $(d
阅读全文
posted @ 2011-08-31 17:40
摘要：概述jQuery 是继 prototype 之后又一个优秀的 Javascript 框架。其宗旨是—写更少的代码,做更多的事情。它是轻量级的 js 库(压缩后只有21k) ，这是其它的 js 库所不及的，它兼容 CSS3，还兼容各种浏览器（IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+）。 jQuery 是一个快速的，简洁的 javaScript 库，使用户能更方便地处理 HTML documents、events、实现动画效果，并且方便地为网站提供 AJAX 交互。 jQuery 还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有
阅读全文
posted @ 2011-08-19 13:52
|
|||
浙公网安备 33010602011771号