资源描述:
《web实验报告模板(1)》由会员上传分享,免费在线阅读,更多相关内容在工程资料-天天文库。
1、实验报告实验名称实验4web前端JavaScript开发日期2017-11-21专业班级15网络工程1实验人陈璐瑶学号31WEB技术及应用padding:50px;}.box{width:540px;height:200px;margin:50pxauto;}.boxIi{position:relative;text-align:center;list-style-type:none;display:inline-block;width:150px;height:160px;text-shadow:02px
2、lpx#f4f4f4;border:lpxsolid#9fa2ad;border-radius:5px;margin-right:lOpx;background:-webkit-gradient(linear,00,0100%,color-stop(.2,rgba(24&24&248?.3)),color-stop(.5,rgba(168,173,19—、实验目的熟练使用HTML标签和css样式和js完成指定的实验内容二、实验内容1、实现一个时钟2、实现表单,用户填写“用户名”,“密码”,“电子邮箱”和“动
3、态验证码•',用Javascript验证输入符合要求。基本效果如图(增加“邮箱"输入框,并验证)3、完成课本P170例子4.540v5)),color-stop(.51,rgba(168J73,190v3),color-stop(.9,rgba(248,248,24&.2)));-webkit-linear-gradient(top,rgba(24&24&248,.3)20%,rgba(168,173,190,.5)50%,:51%,rgba(24&24&248,.2)90%);background:-mo
4、z-linear-gradient(top,rgba(24&24&24&・3)20%,50%,rgba(16&173,190,.3)51%,rgba(24&24&248,.2)90%);background:-o-linear-gradient(top,rgba(248,248,248,.3)20%,rgba(168,173,190,.5)50%,51%,rgba(248,248,248,.2)90%);background:s-linear-gradient(top,rgba(24&24&248,.3)2
5、0%,50%,rgba(16&173,190,.3)51%,rgba(24&24&248,.2)linear-gradient(top.rgba(248,248,248,.3)20%,rgba(l6&173,190,.5)50%,rgba(168.173,190,.3)background:rgba(168,173,190,3)rgba(16&173,190,5)rgba(16&173,190,.3)rgba(16&173」90,.5)90%);background:三、实验步骤和设计思想根据实验内容通过所
6、学知识实现相应的页面程序清单1、body,ul,li{padding:0;margin:0;}a{color:rgb(l,124,185);text-decoration:none;}body{font-size:16px;color:#5a5d63;background:#d6d7cl9;background:-webkit-radial-gradient(#eeefef,#d6d7d9);background:-moz-radial-gradient(#eeefef5#d6d7d9);backgroun
7、d:・o-radial-gradient(#eeefef,#d6d7d9);background:-ms-radial-gradient(#eeefef,#d6d7d9);background:radial-gradient(#eeefef5#d6d7d9);51%,rgba(24&24&248,.2)90%);box-shadow:inset0-2px0#flflfl,0lpx0#flflfl,O2px0#9fa2ad,03px0#flflfl,()4px0#9fa2ad;.boxli:before?.b
8、oxli:after{display:block;content:nM;position:absolute;width:150px;}.boxli:before{top:50%;height:lpx;box-shadow:0lpx0#868995,02pxlpx#fff;}.boxli:after{bottom:・65px;height:60px;border-radius:005px5px;background