网页设计报告.docx
- 文档编号:16684298
- 上传时间:2023-07-16
- 格式:DOCX
- 页数:18
- 大小:615.33KB
网页设计报告.docx
《网页设计报告.docx》由会员分享,可在线阅读,更多相关《网页设计报告.docx(18页珍藏版)》请在冰点文库上搜索。
网页设计报告
网页设计与开发大作业
专业:
软件工程移动互联网方向
班级:
学号:
学生姓名:
指导教师:
郭丽
2016年1月5日
实验七JavaScript高级
7.1
代码
截图
7.2编写JavaScript程序实现:
计算器的功能
代码
#nav{
background-color:
#CCCCCC;
}
varnum;
functionfun()
{
f1.txt.value+='0';
num=0;
}
functionfun1()
{
f1.txt.value+='1';
num=1;
}
functionfun2()
{
f1.txt.value+='2'
num=2;
}
functionfun3()
{
f1.txt.value+='3';
num=3;
}
functionfun4()
{
f1.txt.value+='4';
num=4;
}
functionfun5()
{
f1.txt.value+='5';
num=5;
}
functionfun6()
{
f1.txt.value+='6';
num=6
}
functionfun7()
{
f1.txt.value+='7';
num=7;
}
functionfun8()
{
f1.txt.value+='8';
num=8;
}
functionfun9()
{
f1.txt.value+='9';
num=9;
}
functionfun_add()
{
f1.txt.value+='+';
}
functionfun_sub()
{
f1.txt.value+='-';
}
functionfun_mul()
{
f1.txt.value+='*';
}
functionfun_div()
{
f1.txt.value+='/';
}
functionfun_clear()
{
f1.txt.value='';
}
functionfun_eql()
{
f1.txt.value=eval_r(f1.txt.value);
}
functionfun_bac()
{
f1.txt.value=(-1)*f1.txt.value;
}
functionfun_Backspace()
{
f1.txt.value=f1.txt.value.slice(0,-1);
}
functionfun_point()
{
f1.txt.value+='.';
}
functionfun_CE()
{
f1.txt.value='0';
}
截图
7.3.1在页面加载完成后弹出“欢迎进入本网页”对话框,在用户退出页面后,弹出“谢谢浏览”对话框。
代码
window.onload=function(){
alert("欢迎进入本网页");
};
window.onunload=function(){
alert("谢谢浏览");
};
截图
7.3.3
单击“变换背景”按钮,动态改变页面的背景颜色。
window.onload=function(){
varoBtn=document.getElementById('btn');
oBtn.onclick=function(){
this.style.backgroundColor='red';s
};
};
截图
7.4
输入一段文字,设置字幕向上滚动,并动态改变其文字颜色
代码
388px;HEIGHT: 200px"scrollamount="2"direction="up">
截图
7.5实现以下效果。
当点击按钮1时文本框内显示“这是按钮1”,当点击按钮3时,文本框内显示“这是按钮3”
代码
functiongetText(txt){
objTxt.value=txt;
}
截图
7.6
判断男女生。
代码
functionsubmitform()
{
window.open('login.asp','a','7.6.html')
document.formname.action=7.6.html;
document.formname.submit();
}
性别:
截图
7.7使用selectbox动态在文本框中显示相应选择的内容
代码
functionchange(value){
document.getElementById('bb').value=value;
}
截图
7.8
编写JavaScript程序实现:
图像浏览器的功能,如下图
代码
div{
width:
300px;
height:
300px;
border:
1pxsolidblack;
background-image:
url(H:
\网页设计\国旗\image\card\1.png);
}
functionchangeImg(){
vardiv=document.getElementByIdx_x("test");
if(div.style.backgroundImage=="url(1.jpg)"){
div.style.backgroundImage="url(2.jpg)";
}else{
div.style.backgroundImage="url(1.jpg)";
}
}
截图
成绩:
实验分数
报告分数
综合分数
指导教师签名:
年月日
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网页 设计 报告