jQuery第3天课程每日作业题_第1页
jQuery第3天课程每日作业题_第2页
jQuery第3天课程每日作业题_第3页
jQuery第3天课程每日作业题_第4页
免费预览已结束，剩余1页可下载查看

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

jQuery第3天课程每日作业题第1题：题型：代码题难度：2级题干： 现有第三方域名IP地址查询接口:/iplookup/iplookup.php?format=js这一接口非常方便,不需要提交任何额外参数,只要向它发出请求,就会返回响应:请利用跨域访问的相关知识,自习观察响应,实现用户登录地址查询功能预期效果:材料:第2题：题型：代码题难度：3级题干： 旋转特效JavaScript能实现许多网页特效,比如拖拽,平移,淡入淡出等。但有些特效不太好实现,比如网页元素的旋转。现有一个谷歌浏览器图标,请仔细阅读训练提示,使用rotate插件实现旋转特效,要求:鼠标悬浮在图片上时,图片旋转360度。鼠标离开时,图片再转回0度。材料:第3题：题型：代码题难度：4级题干：拖拽与自动排列特效现有一个腾讯微信商城静态页面:现需要对腾讯微信商城页面升级,请仔细阅读训练提示,把点击购物升级为拖拽购物,带给用户特别的购物体验预期效果:已选购到购物车内的商品实时计价材料:sortable插件使用方法:使用方法1：在加载sortable拽插件后,所有的jQuery对象下就具备了sortable()方法。调用方法如下:$(被选中的ul列表).sortable(json格式配置项);调用后,被选中的元素就可以被鼠标拖拽并且自动排列了。(请继续看)使用方法2：默认情况下，li只能在自己原本的ul列表内移动。如果希望li元素能够在多个ul列表中来回移动，需要手动连接多个ul列表，操作如下:$(被选中的ul列表).sortable(connectWith:”选择器”);选中要连接的ul列表即可。在该案例中,您可以直接选择所有ul元素，也可以使用class选择器 .goodsList来连接未选购和购物车两个列表，让商品来回移动。用户可以选购，也可以取消购买。使用方法3：sortable插件提供了update事件属性，该事件在被拖拽元素排列位置发生变化时触发。如果进行拖拽，最终放回了原处，那么并不会触发这个事件。这个事件触发的条件非常适合用来计算商品价格，调用方法如下: $(被选中的ul列表).sor
人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论