jQuery
关注
分享
扫一扫
We_jia
这个作者很懒，什么都没留下…
展开
-
jQuery（三）手风琴效果
效果展示 思路分析 手风琴效果：当鼠标进入某个图片，当前图片展开，同胞兄弟图片全部合着 注意：（1）添加标记，标记当前展开图片，可以在鼠标离开时，回到默认状态 （2）需要使用stop()处理连续多次滑动图片的情况 （3）添加鼠标离开整体框事件，设置属性回到默认状态，并使用stop()处理不断进入出去情况 全部 HTML <!D...原创 2019-03-15 12:14:59 · 225 阅读 · 0 评论 -
jQuery（四）手机点餐demo
效果展示 全部代码 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <meta name="viewport" content原创 2019-03-15 21:37:47 · 1508 阅读 · 0 评论 -
jQuery(五)Ajax请求
AJAX 是一种与服务器交换数据的技术，可以在不重新载入整个页面的情况下更新网页的一部分。 一、Ajax请求方法 1.ajax()方法，执行异步 AJAX 请求 所有的 jQuery AJAX 方法都使用 ajax() 方法。该方法通常用于其他方法不能完成的请求。 返回json对象 //请求访问远程路径 var src = "http://www.phonegap100.com/a...原创 2019-03-22 09:29:12 · 319 阅读 · 0 评论 -
jQuery（一）重写滑动图片轮播
之前用原生js写过一次，现在用jQuery重新写一次， 效果展示 滑动图片轮播的效果图如下: 思路分析 1.滑动图片轮播的原理就是整体移动，也就是动态改变图片父容器的marginLeft值，来实现整体向左移动 2.实现图片的自动播放，需要使用计时器，并且在计时器里面要控制轮播时间 ,满足的条件为 当前时间-计时器获取到的时间>=2000 var timeold = ne...原创 2019-03-15 12:14:08 · 577 阅读 · 0 评论 -
jQuery（二）图片轮播与放大显示
效果图如下 思路分析 1.图片轮播，将第一个图片向左移动80px(一个图片的宽度)，完成动画以后的回调函数，改变图片的marginLeft值，追加到最后一张图片后，使用计时器依次循环播放图片。 //图片轮播 $(".menulist li").first().animate({ marginLeft: -80 //左移一个图片...原创 2019-03-15 12:14:37 · 2180 阅读 · 0 评论