王迪

使用jQuery制作产品放大镜效果实现效果：使用jQuery制作产品放大镜效果实现原理：通过设置图像的 CSS 属性（ left 和 top ），来实现图像的移动。使用jQuery制作产品放大镜效果实现思路：（1）div+css布局，制作小图、放大镜和大图的布局。（2）放大镜和大图，默认隐藏，鼠标移动到小图上时，显示放大镜和大图。（3）鼠标在小图上移动时，控制放大镜和大图，同时进行移动使用jQuery制作制作产品放大镜效果需要掌握的知识点：（1）基础div+.

通过设置图像的 src 属性，显示不同的图片，借助循环动画实现轮播图效果。

1、jQuery实现的轮播图效果：案例要求：5张图片自动循环播放。图片播放的同时，对应着右边的数字也发生样式变化。用户鼠标移动到不同数字时，切换与该数字对应的图片，鼠标移开后，图片再次自动进行播放。2、轮播图实现思路：（1）div+css布局，制作轮播图列表以及配套的数字列表。（2）轮播图默认轮播，即在ready事件里，直接执行函数。（3）轮播图事件的执行：循环...

1、实现效果：要求：用户点击删除按钮时，删除其所在行的信息，单击“新增”时，新增加一条表格中现有的信息。2、实现思路：（1）table+css布局，制作表格相关的内容。（2）新增按钮，复制已有的tr节点，然后插入到table里（3）删除图片，删除img节点parents中的tr3、需要掌握的知识点：（1）基本html知识、基础table+css布局（...

1、实现效果：2、实现思路：（1）div+css布局，制作新闻列表。（2）新闻默认滚动，即在ready事件里，直接执行函数（3）滚动事件的执行：循环执行使用setInterval方法，新闻列表往上滚动，使用animate方法自定义动画。（4）鼠标移上去，滚动停止，鼠标离开，滚动继续。3、需要掌握的知识点：（1）基本html知识、基础div+css布局...

1、实现效果：案例描述：当用户单击不同的导航时，与其对应的内容回相应的呈现。案例要求：使用jquery制作实现tab选项卡单击切换效果。2、实现思路：（1）div+css布局，制作导航和对应内容区域。（2）给导航添加点击事件（3）一次只能选中一个导航条（元素），当单击该元素时，给其增加选中的特殊样式，同时控制其他兄弟元素，移除特殊样式。（4）导航条和内容区的两...

知识点：掌握string对象的用法、会使用正则表达式验证页面输入内容、会使用表单选择器。1、表单基本验证技术 无论是动态网站，还是其他 B/S 结构的系统，都离不开表单。表单作为客户端向服务器端提交数据的主要载体，如果提交的数据不合法，将会引出各种各样的问题，那么如何避免这样的问题昵？1.1 表单验证的必要性 有时，在用户填写表单时，我们希望...

知识点：会用jQuery操作CSS样式、会用jQuery操作文本与属性值内容、会用jQuery操作DOM节点、会用jQuery遍历DOM节点、会用jQuery操作CSS-DOM。1、DOM操作 DOM 为文档提供了一种结构化的表示方式，通过操作 DOM 可以改变文档（如 HTML、XML 等）的内容和展现形式。在实际运用中，DOM 更像是一座桥梁，通过它可以实现跨平台、...

1、需求描述：运用JavaScript制作一个简易的邮箱地址验证2、实现思路：1、在<script>标签中编写JS代码 2、写一个有参函数，实现验证功能。 function emailTest(email){}3、使用js函数 emailTest(prompt("请输入邮箱地址","wangdi@qq.c...

知识点：会使用简单事件制作网页效果、会用鼠标事件制作主导航特效、会用键盘事件制作表单特效、会使用hover()方法制作下拉菜单特效、会用鼠标事件及动画制作弹出对话框。 JavaScript 与 HTML 之间的交互是通过用户和浏览器操作页面时引发的事件来处理的，比如：单击按钮提交表单、打开页面弹出对话框、鼠标指针移过时显示下拉菜单等，都是事件对用户操作的处理。虽然传统的 J...

知识点：了解jQuery选择器的基本概念及优势、能够使用不同的jQuery选择器选取元素，比如基本选择器、层次选择器、属性选择器、基本过滤选择器、可见性过滤选择器的使用，了解使用jQuery选择器的注意事项。 页面的任何操作都需要节点的支撑，开发者如何快速高效的找到指定的节点也是前端开发中的一个重点。jQuery提供了一系列的选择器帮助开发者达到这一目的，让开发者可以更少的处...

知识点：理解JavaScript中的对象、使用window对象的open()方法制作广告窗口、使用getElementById()方法访问DOM元素、使用getElementByName()方法访问DOM元素、使用getElementByIdTagName()方法访问DOM元素、使用定时函数和Date对象制作时钟特效。1、 理解JavaScript中的对象1.1 什么是对象？...

知识点：了解JavaScript的组成部分，掌握JavaScript的基础语法，能自定义函数，掌握JavaScript代码调试能力。1、JavaScript简介1.1 JavaScript是什么？ JavaScript是一种描述性语言，也是一种基于对象（Object）和事件驱动（EventDriven）的、具有安全性能的脚本语言。JavaScript 是互联网上最流行的...

知识点：熟练搭建jQuery开发环境、掌握jQuery语法、掌握DOM模型、会进行jQuery对象与DOM对象的相互转换，会使用ready()方法加载页面，会使用addClass()方法为元素添加CSS样式、会使用css()方法为元素添加CSS样式、会使用next()方法获取元素。1、 jQuery 简介 jQuery 是一个 JavaScript 库，把我们常用的一些...

1、需求描述：运用JavaScript制作淘宝购物车全选/取消全选功能2、实现思路：1、制作购物车框架，这里用表格写，表格里涉及到表单元素复选框的使用2、给表单元素起名字（因为我们需要获取不同表单元素的内容，并加以运算）3、写js函数，实现全选/取消全选功能。window.onload=function(){}3、需要掌握的知...

1、需求描述：运用JavaScript制作一个简易的四则运算计算器（加减乘除功能）2、实现思路： 1、制作计算器框架，这里用表单写 2、给表单元素起名字（因为我们需要获取不同表单元素的内容，并加以运算） 3、写js函数，实现运算功能。 function calculator(){} 4、使用js函数 onclic...