利用Juery制作一个系统框架实验报告.doc

《利用Juery制作一个系统框架实验报告.doc》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、Web前端技术实验报告实验（4）实验题目：利用Juery制作一个系统框架指导老师：杨晓敏实验类型：设计型实验地点：软件实验室2专业班级：计算机科学与技术系班姓名：2014年5月30日实验四：利用Jquery制作一个系统框架一、实验目的和要求掌握JQuery的基本语法掌握JQuery环境的配置掌握JQuery的常用组件及方法。二、实验内容使用Jquery制作一个系统框架三、实验重点和难点Jquery库的灵活使用Jquery函数的使用三、实验过程1、实验代码

2、content="text/html;charset=utf-8">

4、nguage="JavaScript"src="Js/jquery.showTree.js">$(function(){$("body").FBBorderLayout({spacing:5,north_resizable:false,east:false,east_resizable:true,south:false,west_width:200});$('.fbbl_west').panel({width:$('.fbbl_west').width(),h

5、tml:'1',height:100,title:'男女服饰',collapsible:false}).panel({width:$('.fbbl_west').width(),html:'2',height:100,title:'鞋包配件',collapsible:false}).panel({width:$('.fbbl_west').width(),html:'3',height:100,title:'运动户外',collapsible:false});$('.panel-body').hide();$('.panel-hea

6、d').slidePanel({role:'accordion',height:$('.fbbl_west').height()-12,content:$('.fbbl_west')});$('.panel-head:first').click();varobj=$(".fbbl_center").Tab({items:[{title:'tab1',closed:true,icon:'',html:'test1',load:'',callback:function(){}}],tabScroll:false,width:$(".fb

7、bl_center").width(),height:$(".fbbl_center").height()-10,tabcontentWidth:$(".fbbl_center").width(),tabWidth:66,tabHeight:25});vardata=[{"id":"36","name":"连衣裙","type":"product","pgid":"18"},{"id":"40","name":"T恤","type":"product","pgid":"18"},{"id":"41","name":"衬衫","typ

8、e":"product","pgid":"18"},{"id":"42","name":"上衣","type":"product","pgid":"18"},{"id":"43","name":"裤子","type":"product