还剩10页未读,继续阅读
本资源只提供10页预览,全部文档请下载后查看!喜欢就下载吧,查找使用更方便
文本内容:
锋利的jquery课程设计专业11级信息工程姓名张玉霞学号20___2396一.实验目的1.熟悉掌握jquery所学到的知识点2.学习用CSS样式制作__的静态页面二.实验内容利用jquery知识制作制作一个简单的__,该__是关于学校的一个小__此__中包括五个主页面,分别是index.html学校首页、style-demo.html学校__、full-width.html(学校概况)、3-columns.html(学院招生)、gallery.html(学校图库)首页总体框架DOM数流程图顶部和学生登录系统DOM树流程图水平手风琴特效DOM树流程图顶部悬浮DOM树:流程图页面左边流程图页面右边DOM树流程图页面左边DOM树流程图右边页面(与左边页面相似)
2.3full-width.html学校概况DOM树流程图
2.43-columns.html学院招生流程图DOM树
2.5gallery.html学校图库视频DOM树流程图图集DOM树流程图三.制作此__所用到的本书上的知识点
1.制作__时其中所包含的效果有手风琴__切换效果、____实现放大镜效果、邮箱登录效果、视频播放效果
2.在制作__的整个过程中都使用了选择器,包括基本选择器id、class、element、,层次选择器$prev+next、$prev+siblings过滤选择器中的even、odd、first、last,内容选择器中的contains和has,可见性过滤选择器hidden和sivible,属性选择器中的【attribute=value】,子元素过滤选择器中的first-child和last-child,表单选择器中的input、test、password、radio、submit、i__ge、rest、button、hidden等
3.在__制作的过程中第三章的知识DOM以及子节点和父节点还有节点的遍历的使用等都存在
4.jquery中的__和动画的实现都存在加载DOM对__的绑定和对__的移除都有show、hide、ani__te
5.对表单的操作table、tbody、thead等
6.在__制作的过程中使用了一个插件,主要是针对__的水平手风琴效果HTMLheadbodyTitleMetametalinkstyledivdiv运行程序当__学校首页时就可以看到主页面,在主页面的右上方有一个学生登录系统,输入姓名和__可进入在主页面中有一个悬浮的__框,__每一个悬浮框便可进入相应的页面在主页面中有水平手风琴切换效果的显示,当__不同的数字时,就可以看到不同的__,并且当鼠标悬浮时__边框就会显示不同的颜色__页面左边的实事链接标题就会链接到学校__主页中,可查看其详细内容在页面的右边加载CSS样式使其显示主要内容divdivdivh1afromfieldestlegandinputinputdivinput加载h1中的内容,使显示网页的大标题加载from中的内容,使其先容登录系统的界面运行程序运行input和div分别出现姓名和__输入框,__signin便可登录divdivdivdivullih2adivdivdivpdivlih2adivdivplililih2divadivdivpah2pdivdivdddivdivdldtdddtdddtdddtdddt运行程序,页面加载设定的CSS样式__的左边框设定宽和高下角用数字依次表示边框的背景为灰色,当鼠标悬浮时,变成蓝色当____边框时,__边框的颜色会变化,该__会显示,其他__隐藏当鼠标从左向右__时,__会从左向右展开当鼠标按数字从大到小__时,__会从左向右展开用ani__te属性设置__展开和隐藏所需要的时间和方向当刷新页面时仍然会显示第一张__,并且__边框的颜色显示为蓝色,其余边框显示为灰色lililililidivdivdivul运行程序,加载CSS样式为每个边框设置高、宽、颜色和边框之间的间隔当属边悬浮时,边框中的字会变色__边框时,同样会变色,并且连接到相应的页面当释放__时,会自动恢复到刷新时的页面当鼠标__第二个div时会自动链接到相关页面鼠标__实时搜索时页面跳转,在搜索栏输入并按signup会跳转当鼠标悬浮在第三个div现实的页面时__的边框会变为灰色运行程序,加载CSS样式当鼠标悬浮在第二个div所显示的页面时,字变为红色并且跳转divdivdivdivh2divullililih2divulh2divlialiulpfromfieldestlegendinputinputpdivdivdivdivhdivullidivpdivdiv运行程序加载CSS样式各个div下的内容都加载完成并且显示,单击会返回到主页面divdivdivimgpimgpdivhullilidivpdivdivphdivfrompinputlabelppinputinputdiv运行程序加载CSS样式,并且显示所添加的内容在div=“responsed”时输出评论窗口,填写姓名和邮箱写下评论,提交或重置当鼠标__时页面会自动返回divdivhppppdiv运行程序加载CSS样式输出文字显示运行程序加载CSS样式当__第三个div中的内容时鼠标会自动变换样式且__之后会弹回主页面表格中的内容不会变化,显示的是固定值__第四个div,其中的第一个li在__之后会链接到相关页面当中鼠标悬浮时会变换样式,且会显示相关链接的名字__更多时会自动跳转到首页面divdivdivhullililililidivhptheadtabletrththththtbodydivdiv4htrtrtdtdtddiv4hulplililililiaaaaadivdivdivdivdivulhpp运行程序加载CSS样式为视频添加__且当鼠标悬浮时变换样式__视频__会放映视频并且视频的下部有暂停、音量控制、全屏操作按页面上的返回会回到主页面divdivdivhppdivullililidivdivdivullililiaa运行程序加载CSS样式当鼠标悬浮变换样式,且显示title属性____会自动跳转到空白页,在标题栏显示__名称和此时__的像素____之后__放大,在__上有放大或缩小的鼠标显示,__会自动放大或缩小__后退返回到历史记录,可刷新页面。