扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
之前看过一点觉得效果还可以,有很多人javascript功能只能做一些简单特效没什么重要的用途,这重心态极其不正确的,因为是客户端很多的交互功能都跟javascript分不开的,作用非常大。
站在用户的角度思考问题,与客户深入沟通,找到汉阳网站设计与汉阳网站推广的解决方案,凭借多年的经验,让设计与互联网技术结合,创造个性化、用户体验好的作品,建站类型包括:成都网站设计、网站制作、外贸营销网站建设、企业官网、英文网站、手机端网站、网站推广、域名申请、虚拟主机、企业邮箱。业务覆盖汉阳地区。
用css样式隐藏所有,显示第一个。然后答对了显示下一个就可以了
html
head
script language="JavaScript"
function output(v){
document.getElementById("mf").value=v;
}
function btn(){
var v=document.getElementById("mf").value;
if(v=="3") {
alert("正确");document.getElementById('mf').style.display = 'none';document.getElementById('mf2').style.display = 'block';
}else{
alert("错误");
}
}
function output2(v){
document.getElementById("mf2").value=v;
}
function btn2(){
var v=document.getElementById("mf2").value;
if(v=="3") {
alert("正确");
}else{
alert("错误");
}
}
/script
styleform{ display:none;}#mf{ display:block;}/style
/head
body
form id="mf" value="0"
h1世界上什么山最高?/h1
input type="radio" name="one" value="1" onclick="output(this.value)"昆仑山br /
input type="radio" name="one" value="2" onclick="output(this.value)"凤凰山br /
input type="radio" name="one" value="3" onclick="output(this.value)"珠穆朗玛峰br /
input type="radio" name="one" value="4" onclick="output(this.value)"天山br /
input type="button" name="sub" onclick="btn()" value="提交并且跳转下一题"
/form
form id="mf2" value="0"
h1世界上什么河最长?/h1
input type="radio" name="two" value="1" onclick="output2(this.value)"长江br /
input type="radio" name="two" value="2" onclick="output2(this.value)"黄河br /
input type="radio" name="two" value="3" onclick="output2(this.value)"尼罗河br /
input type="radio" name="two" value="4" onclick="output2(this.value)"亚马逊河br /
input type="button" name="sub2" onclick="btn2()" value="提交并且跳转下一题"
/form
/body
/html
隐藏标签用style.display = 'none';
一般峰面积的单位是[纵坐标的单位*横坐标的单位]
例如Agilent的所有色谱图:纵坐标的单位是mAu,横坐标的单位是s(时间单位)
则色谱峰面积单位为[mAu*s]
这就有改变背景的代码
PS:back49.gif 是图片。你随便把有一个GIF的图片改称这个名字就行了
html
head
titlestyle 对象应用/title
/head
script language="JavaScript"
function changeTablePro()
{
MTB.style.borderLeft="solid red 2px";
MTB.style.borderRight="solid red 2px";
MTD1.style.borderLeft="solid blue 2px";
MTD1.style.borderRight="solid blue 2px";
MTD2.style.borderLeft="solid blue 2px";
MTD2.style.borderRight="solid blue 2px";
MTD3.style.borderLeft="solid blue 2px";
MTD3.style.borderRight="solid blue 2px";
MTD4.style.borderLeft="solid blue 2px";
MTD4.style.borderRight="solid blue 2px";
}
function resetTablePro()
{
MTB.style.borderLeft="solid blue 1px";
MTB.style.borderRight="solid blue 1px";
MTD1.style.borderLeft="solid red 1px";
MTD1.style.borderRight="solid red 1px";
MTD2.style.borderLeft="solid red 1px";
MTD2.style.borderRight="solid red 1px";
MTD3.style.borderLeft="solid red 1px";
MTD3.style.borderRight="solid red 1px";
MTD4.style.borderLeft="solid red 1px";
MTD4.style.borderRight="solid red 1px";
}
/script
body id="BD" style="background:url(back49.gif) repeat fixed;"
p
br
pre
这里是关于style对象的应用实例,我们将通过br
对style对象的应用来改变页面的背景属性。br
/pre
form
input type="button" value="背景图像滚动" onclick="JavaScript:BD.style.backgroundAttachment='scroll'"
input type="button" value="背景图像静止" onclick="JavaScript:BD.style.backgroundAttachment='fixed'"
p
input type="button" value="清除背景图像" onclick="JavaScript:BD.style.backgroundImage=''"
input type="button" value="添加背景图像" onclick="JavaScript:BD.style.backgroundImage='url(back49.gif)'"
p
input type="button" value=" 还 原 背 景 初 始 设 置" onclick="JavaScript:BD.style.background='url(back49.gif) repeat fixed'"
p
input type="button" value="改变表格边框属性" onclick="changeTablePro()"
p
input type="button" value="还原表格初始设置" onclick="resetTablePro()"
/form
p
table id="MTB" style="border-left:solid blue 1px;border-right:dotted blue 1px;"
tr
td id="MTD1" style="border-left:solid red 1px;border-right:solid red 1px;padding:10px;spacing:10px"
pre
晚泊浔阳望庐山
孟浩然
挂席几千里,名山都未逢。
泊舟浔阳郭,始见香炉峰。
尝读远公传,永怀尘外踪。
东林精舍近,日暮空闻钟。
/pre
/td
td id="MTD2" style="border-left:solid red 1px;border-right:solid red 1px;padding:10px;spacing:10px"
pre
题义公禅房
孟浩然
义公习禅寂,结宇依空林。
户外一峰秀,阶前众壑深。
夕阳连雨足,空翠落庭阴。
看取莲花净,方知不染心。
/pre
/td
/tr
tr
td id="MTD3" style="border-left:solid red 1px;border-right:solid red 1px;padding:10px;spacing:10px"
pre
过故人庄
孟浩然
故人具鸡黍,邀我至田家。
绿树村边合,表山郭外斜。
开轩面声圃,把酒活桑麻。
待到重阳日,还来就菊花。
/pre
/td
td id="MTD4" style="border-left:solid red 1px;border-right:solid red 1px;padding:10px;spacing:10px"
pre
舟中晓望
孟浩然
挂席东南望,表山水国遥。
舳舻争利涉,来往接风潮。
问我今何适?夭台访石桥。
坐看霞色晓,疑是赤城标。
/pre
/td
/tr
/table
/body
/html
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流