当前位置:
文档之家 › jQuery网页特效设计基础教程-教学教案
jQuery网页特效设计基础教程-教学教案
第1章JavaScript基础
教学过程
第2章初识jQuery
教学过程
第3章使用jQuery选择器
教学过程
一、什么是jQuery选择器?
jQuery选择器是jQuery库中非常重要的部分之一。它支持网页开发者所熟知的CSS语法,能够轻松快速地对页面进行设置。jQuery选择器是打开高效开发jQuery之门的钥匙。一个典型的jQuery选择器的语法格式为:
$(selector).methodName();
二、jQuery选择器的优势
与传统的JavaScript获取页面元素和编写事务相比,jQuery选择器具有明显的优势,具体表现在以下3个方面。
代码更简单。
支持CSS1到CSS3选择器。
完善的处理机制。
三、jQuery基本选择器
jQuery基本选择器包括ID选择器、元素选择器、类名选择器、多种匹配条件选择器和通配符选择器。
第3章使用jQuery操作DOM
教学过程
第5章jQuery中的事件处理和动画效果
教学过程
网页设计模拟题-3 网页设计模拟题三 一、单项选择题 1.HTML文本显示状态代码中, 表示?() A文本加注下标线 B文本加注上标线 C文本闪烁 D文本或图片居中 2.动态HTML中设定路径移动时间的属性是?() A.Bounce B.Duration C.Repeat D.Target 3.下面CGI脚本中的通用格式和content-types不是一一对应的是哪一项?() A.HTML与text/html B.Text与text/plain C.GIF与image/gif D.MPEG与image/jpeg 4.下列对CSS内容表述不正确的一项是?() A伪类和伪元素不应用HTML的CLASS属性来指定 B一般的类不可以与伪类和伪元素一起使用 C一个已访问连接可以定义为不同颜色的显示 D一个已访问连接可以定义为不同字体大小和风格 5.用户可以在()命令的动作中见到canAcceptCommand。 A. Sort Table B. Format Table C. Set Color Scheme D. Clean Up HTML 6.创建一个滚动菜单的HTML代码是?() A.
B.
C.
D. 7.下列对CSS单位中百分比单位表述有误的是哪一项?() A一个百分比值由可选的正号”+”或负号”-”、接着的一个数字,还有百分号”%” B在一个百分比值之中是没有空格的 C百分比值是相对于其它数值,不能用于定义每个属性 D最经常使用的百分比值是相对于元素的字体大小 8.由于无什么元素的标准属性列表,因而可以任意定义元数据?() A. LINK B. BASE C. META D. TARGETjQuery前端开发实战教程 《jQuery前端开发实战教程》试卷 得分 单选题(每题2分,共计30分) 1.页面中存在可见元素div,代码“if( $("div").show().is(:animated) ){ $("div").hide(1000); }” 的执行效果是() A、元素以动画效果隐藏 B、元素没有任何变化 C、元素无动画效果隐藏 D、元素先以动画效果隐藏,再无动画形式显示 2.关于代码“$.fn.test = function() { };”,下列说法错误的是() A、test方法可以被jQuery对象调用 B、test方法被jQuery对象调用时,this指向调用该方法的jQuery对象 C、在test方法中可以书写代码“return this”来实现链式编程 D、$.fn是jQuery原型对象jQuery.prototype的简写3.jQuery Mobile选择菜单中,当选择菜单中含有多个类别时,可添加()元素,让jQuery Mobile根据此元素中label属性的文本创建含有分割项的选项。 A、label B、optgroup C、select D、option 4.在使用tree组件时,dnd属性和lines属性设置为true分别代表()含义。 A、显示横线条显示竖线条 B、显示竖线条显示横线条 C、表示可拖动表示可拖拽 D、表示可拖动表示显示竖线条 5.下列哪种方法不可以让元素设置为不可见() A、fadeIn B、fadeOut C、fadeTo D、hide 总分题型单选题多选题填空题简答题题分 得分
6.在jQuery Mobile列表视图中,可以将任意大小的图片自动缩放到()像素,展示到列表中。 A、60 B、70 C、80 D、90 7.跟jQuery相继诞生的JavaScript库还有很多,不包括() A、Prototype B、ExtJS C、YUI D、node.js 8.下面选项中this的使用说法正确的是() A、this指向当前元素 B、this可以用来绑定事件 C、this可以获取到所有元素 D、this是一种方法9.使用animate方法实现与代码$("div").fadeIn(600)相同效果的代码写法是() A、$("div").animate({"opacity":"1"}) B、$("div").animate({"opacity":"1"},"fast") C、$("div").animate({"opacity":"1"},600) D、$("div").animate({"opacity":"1"},"normal") 10.从EasyUI网站下载到的“jquery-easyui-1.5.4.2.zip”压缩包解压,保存到“chapter08\ easyui-1.5.4.2”目录中下面说法错误的是() A、locale目录是国际化资源文件包 B、plugins是插件包目录 C、jsrc是源码包目录 D、demo和demo-mobile目录都是样例,没有区别 11.在jQuery事件中,当调整浏览器窗口时触发的事件是()事件。 A、resize() B、change() C、scroll() D、select()
网页各种特效——黑客性质 屏幕地震啊
网页特效|https://www.doczj.com/doc/a62010104.html,/Js|---屏幕地震啊~~~ 鼠标碰到跳出无数个窗口 网页特效|https://www.doczj.com/doc/a62010104.html,/Js|---鼠标碰到跳出无数个窗口 来呀!来呀!你来嘛~ 冻结你的窗口,使窗口无法再响应
网页特效|https://www.doczj.com/doc/a62010104.html,/Js|---冻结你的窗口,使窗口无法再响应