jquery慢慢缩小

2024-08-18

一个CSS+jQuery的放大缩小动画效果

日期: 2013年9月23日作者:铁锚 // 今天帮朋友写了一些代码,自己觉得写着写着,好几个版本以后,有点满意,于是就贴出来. // 都是定死了的.因为需求就只有4个元素.如果是要用CSS的class来处理,那就需要用到CSS3动画了. // 功能 : 在上方的按钮上滑动,可以切换各个page,点击下方的各个page,也可以切换收缩还是展开状态. 初始效果预览 <!DOCTYPE html> <html> <head> <title> CSS+jQue

jQuery慢慢啃之回调（十三）

1.callbacks.add(callbacks)//回调列表中添加一个回调或回调的集合 // a sample logging function to be added to a callbacks list var foo = function( value ){ console.log( 'foo:' + value ); } // another function to also be added to the list var bar = function( value ){ con

jQuery慢慢啃之事件对象（十一）

1.event.currentTarget//在事件冒泡阶段中的当前DOM元素 $("p").click(function(event) { alert( event.currentTarget === this ); // true }); 2.event.data//当前执行的处理器被绑定的时候,包含可选的数据传递给jQuery.fn.bind. $("a").each(function(i) { $(this).bind('click', {index:i},

jQuery慢慢啃之工具（十）

1.jQuery.support//一组用于展示不同浏览器各自特性和bug的属性集合 2.jQuery.browser//浏览器内核标识.依据 navigator.userAgent 判断. 可用值: safari opera msie mozilla 3.jQuery.browser.version//浏览器渲染引擎版本号 4.jQuery.boxModel//浏览器是否使用标准盒模型渲染页面. 建议使用 jQuery.support.boxModel 代替.W3C CSS 盒模型. 5.j

jQuery慢慢啃之ajax（九）

1.jQuery.ajax(url,[settings])//通过 HTTP 请求加载远程数据如果要处理$.ajax()得到的数据,则需要使用回调函数.beforeSend.error.dataFilter.success.complete. beforeSend 在发送请求之前调用,并且传入一个XMLHttpRequest作为参数. error 在请求出错时调用.传入XMLHttpRequest对象,描述错误类型的字符串以及一个异常对象(如果有的话) dataFilter 在请求成功之后调用

jQuery慢慢啃之特效（八）

1.show([speed,[easing],[fn]])\\显示隐藏的匹配元素 //speed:三种预定速度之一的字符串("slow","normal", or "fast")或表示动画时长的毫秒数值(如:1000) //easing:(Optional) 用来指定切换效果,默认是"swing",可用参数"linear" $("p").show() $("p").s

jQuery慢慢啃之事件（七）

1.ready(fn)//当DOM载入就绪可以查询及操纵时绑定一个要执行的函数. $(document).ready(function(){ // 在这里写你的代码...}); 使用 $(document).ready() 的简写,同时内部的 jQuery 代码依然使用 $ 作为别名,而不管全局的 $ 为何. $(function($) { // 你可以在这里继续使用$作为别名... }); 2.on(events,[selector],[data],fn)//在选择元素上绑定一个或多个事件的事

jQuery慢慢啃之CSS（六）

1.css(name|pro|[,val|fn])//访问匹配元素的样式属性 $("p").css("color");//获取 $("p").css({ "color": "#ff0011", "background": "blue" });//属性组设置 $("p").css("color","red");

jQuery慢慢啃之文档处理（五）

1.append(content|fn)//向每个匹配的元素内部追加内容. $("p").append("<b>Hello</b>"); 2.appendTo(content)//把所有匹配的元素追加到另一个指定的元素元素集合中. $("p").appendTo("div"); appendTo, prependTo, insertBefore, insertAfter, 和 replaceAll这个几

jQuery慢慢啃筛选（四）

1.eq(index|-index) 获取第N个元素其中负数:一个整数,指示元素的位置,从集合中的最后一个元素开始倒数.(1算起) $("p").eq(1)//获取匹配的第二个元素 $("p").eq(-2)//获取倒数匹配的第二个元素 2.$('li').first()//获取第一个元素 $('li').last()//获取最后个元素 $(this).hasClass("protected")和 $(this).is(".prote

jQuery慢慢啃之核心（一）

1. $("div > p"); div 元素的所有p子元素. $(document.body).css( "background", "black" );设置页面背景色 $(myForm.elements).hide()隐藏一个表单中所有元素. $("input:radio", document.forms[0]);在文档的第一个表单中,查找所有的单选按钮 $("div", xml.response

jQuery慢慢啃之属性（三）

1.attr(name|properties|key,value|fn)设置或返回被选元素的属性值. $("img").attr("src");//获取属性 $("img").attr({ src: "test.jpg", alt: "Test Image" });//设置多个属性 $("img").attr("src","test.jpg");/

jQuery慢慢啃之选择器（二）

1.$("#myDiv");ID匹配一个元素 <span id="foo[bar]"></span> $("#foo\\[bar\\]);//转义 2.$("div");//元素标签名匹配 3.$(".myClass"); css类名匹配 4.$("*") 匹配所有元素,多用于结合上下文来搜索 5.指定多个选择器,把匹配结果组合返回 <div>div<

jquery对象介绍及一些jquery小特效

一.jquery对象的介绍. 引入jquery库后,通过形如$("#id")的方式得到的对象叫做jquery对象.如var $uu = $("#username"); jquery对象和dom对象不一样,一般的,为了方便同dom对象区分,将jquery对象赋值给变量时,通常让这个变量名以$开始,如上面的$u1,这样一看就知道它是jquery对象了. jquery对象与dom对象的区别与联系: 先讲dom对象,dom对象是浏览器自带对象(不用引入任何js库,就可以用v

python 全栈开发，Day57(响应式页面-@media介绍,jQuery补充,移动端单位介绍,Bootstrap学习)

昨日内容回顾 ajax //get post 两种方式做请求 get 主要是获取数据 post 提交数据同一个路由地址既可以是get请求也可以是post请求一个路由对应一个函数 get请求 accept mime $.ajax({ url: 直接拼接到url http://www.baidu.com/s?wd=luffy&name=123, type:'get', //data是响应数据 success:function(data){ }, error:function(err){ c

Asp.Net+JQuery.Ajax之$.post

段时间有点跑偏,经过米老师和师傅的耐心指导,终于认识到自己的问题,现在回归常规路线,继续B/S的学习. 经过近半个月的熏陶,对JQuery慢慢的有了亲切感.当时我采访过一清,问他看完JQuery视频有什么感觉,一清说:“能听懂,能看懂,自己做不知道从哪下手”.这可能是大多数初学者的苦衷,现在我用一个简单的登录页面,帮助大家进一步理解JQuery.Ajax的工作原理. 首先我们制作一个html页面,用于和用户交互,代码如下: <!DOCTYPE html PUBLIC "-//W3C//DT

详细图解jQuery对象，以及如何扩展jQuery插件

详细图解jQuery对象,以及如何扩展jQuery插件早几年学习前端,大家都非常热衷于研究jQuery源码.我还记得当初从jQuery源码中学到一星半点应用技巧的时候常会有一种发自内心的惊叹,“原来JavaScript居然可以这样用!” 虽然随着前端的发展,另外几种前端框架的崛起,jQuery慢慢变得不再是必须.因此大家对于jQuery的热情低了很多.但是许多从jQuery中学到的技巧用在实际开发中仍然非常好用.简单的了解它也有助于我们更加深入的理解JavaScript. 这篇文章的主要目的就

前端基础进阶（十一）：详细图解jQuery对象，以及如何扩展jQuery插件

早几年学习前端,大家都非常热衷于研究jQuery源码.我还记得当初从jQuery源码中学到一星半点应用技巧的时候常会有一种发自内心的惊叹,“原来JavaScript居然可以这样用!” 虽然随着前端的发展,另外几种前端框架的崛起,jQuery慢慢变得不再是必须.因此大家对于jQuery的热情低了很多.但是许多从jQuery中学到的技巧用在实际开发中仍然非常好用.简单的了解它也有助于我们更加深入的理解JavaScript. 这篇文章的主要目的就是跟大家分享一下,jquery对象是如何封装的.算是对于

第二十九课：javascript异步处理

大家知道javascript中有多少方法能够实现异步处理吗?setTimeout(),setInterval()是最常用的两个.XMLHttpRequest对象,进行ajax请求时.postMessage()进行跨域操作时.WebWorker创建新的线程时.setImmediate方法(新的setTimeout方法).requestAnimationFrame进行动画操作时.这些东西都有一个共同的特点,就是拥有一个回调函数.有的异步API还提供了相对应的中断API,比如:clearTimeout

h5-360_introduce页面案例

整个网页的html 首先,忽略我的网页比较丑,主要是ps功底不太好, 其次这个网页是利用了全屏插件:jquery.fullPage.js.需要事先导入相应的js文件 js文件下载地址:http://www.dowebok.com/77.html js文件网页中有使用教程和一些小案例整个案例运用了交集选择器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo

第 23 章 CSS3 边框图片效果

学习要点: 1.属性初探 2.属性解释 3.简写和版本主讲教师:李炎恢本章主要探讨 HTML5 中 CSS3 中边框图片背景的效果,通过这个新属性让边框更加的丰富多彩. 一．属性解释 CSS3 提供了一个新的属性集合,用这几个属性可以嵌入图片形式的边框.这样,边框就可以自定义了. 1.border-image-source //引入背景图片地址2.border-image-slice //切割引入背景图片3.border-image-width //边框

jquery慢慢缩小

热门专题