![](https://img-blog.csdnimg.cn/20190927151124774.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Web前端课程实验
文章平均质量分 72
对web前端课程的实验进行了一个记录
是小夢夢啊
谢谢你那么帅还来关注我!
展开
-
web实验记录4
代码:使用jquery实现内容过滤,效果如下图所示:提示:1)Jquery中提供了filter方法进行过滤,如$(“选择器”).filter(内容过滤器)2)搜索过程中可先隐藏hide所有数据行,满足条件的行进行显示show()代码:界面实现效果参考如下图。代码:使用Jquery实现将输入数据添加至表格中,通过点击Delete可删除所在行数据。代码:写在最后仅对个人实验做一次记录,文中不足、错误之处欢迎指正;创作不易,点个赞吧!...原创 2022-06-15 11:19:56 · 221 阅读 · 0 评论 -
web实验记录3
HTML:CSS:设计一个选项卡功能,当鼠标移动至某一选项卡时出现切换。提示:1)选项卡可采用三个行内元素,为选中背景色#000,选中背景色#aaa2)选项卡内容可采用三个不同列表3)针对选项卡和选项内容定义两组不同样式。选项卡未选中背景色#000,选中背景色#aaa;文本颜色#fff;;选项内容未选中不显示display:none,选中显示display:block。4)通过JavaScript动态设置样式,页面对象.classname=“class样式选择器”如mydiv. clas原创 2022-06-15 11:06:44 · 605 阅读 · 0 评论 -
web实验记录2
HTML:CSS:完成如图所示界面布局和显示效果HTML:CSS:完成如下表单界面设计,图片见附件。说明:1)表单宽248px,高220px,背景色#F5EAE8,上下内边距30px 左右内边距40px,边框1px solid #F5EAE82)输入框宽250px,高38px,边框1px solid #CCC,下外边距30px。文本缩进50px,便于显示前方图标。前方图标可考虑背景图片进行设置。3)按钮宽255px,高44px,外边距上下25px,左右居中4)合作网站区域宽3原创 2022-06-15 10:40:35 · 102 阅读 · 0 评论 -
web实验记录5
实验内容:设计一交互界面如图所示,其中上部为输入区域,下部为表格显示区域,表格数据通过Jquery Ajax动态请求。实验目的及要求:(1)理解和掌握Jquery AJAX的get方式请求(2)理解和掌握Jquery AJAX的post方式提交问题描述:1.使用 JQuery请求服务端接口,返回数据信息,并在页面中加载显示 。1)以get方式进行数据请求2)数据接口地址:http://60.205.177.189:8080/stu/getAllStu3)不需要任何参数4)回调函原创 2021-04-27 09:17:31 · 707 阅读 · 0 评论 -
web实验记录1
HTML:CSS:完成如下图所示界面设计效果。说明:1)可考虑基于列表进行设计,居中显示2)将列表转换为inline-block实现横向显示,每项高200px 宽216px,上、左内间距20px3)上部字体大小18px,颜色#000,下部字体大小14px,颜色#64C3334)所需图片见附件,图片宽度154px,左间距60pxHTML:CSS:完成下图所示的静态网页制作。说明:1)可考虑基于列表进行设计,居中显示2)列表项高320px 宽250px,外间距10px,内间距原创 2022-06-15 10:19:50 · 260 阅读 · 0 评论