&&&&HTML&5网页开发实例详解
钻石会员自营订单满49元（含）免运费
其他会员自营订单满59元（含）免运费
不足金额订单收取运费5元起
邀请好友参加吧
版 次：1页 数：511字 数：845000印刷时间：日开 本：16开纸 张：胶版纸印 次：1包 装：平装是否套装：否国际标准书号ISBN：7所属分类：&&&
下载免费当当读书APP
下载当当读书APP，免费阅读万本电子书。
本商品暂无详情。查看: 3443|回复: 6
注册时间最后登录阅读权限20积分199精华0帖子
注册会员, 积分 199, 距离下一级还需 1 积分
我在51cto里看8小时学会HTML网页开发【燕十八】教程，感觉不错，我边看教程边做实例 。在看到43-46讲时，做那个实例，总出现一个小问题，希望高手帮助看一下会什么原因
出错的效果图：
19:06:08 上传
出错的效果图
(50.45 KB, 下载次数: 685)
19:06:52 上传
下载次数: 685
这是我做的网页
谁帮助看一下到底错在什么地方了 谢谢了
注册时间最后登录阅读权限70积分11223精华1帖子
2.核心业务和图片，要左浮
注册时间最后登录阅读权限20积分199精华0帖子
注册会员, 积分 199, 距离下一级还需 1 积分
都左浮了，还是有问题：
.lsubtitle{
& & & & & & & & & & & && &&&height:37
& & & & & & & & & & & & & & & & background:#0
& & & & & & & & & & & & & & & & /*text-align:*/
& & & & & & & & & & & & }
& & & & & & & & & & & & .lsubtitle img{
& & & & & & & & & & & & & & & & float:
& & & & & & & & & & & & }
& & & & & & & & & & & & .lsubtitle h2{
& & & & & & & & & & & & & & & & font-family:&Yahei Consolas Hybrid&;
& & & & & & & & & & & & & & & & font-size:14
& & & & & & & & & & & & & & & & float:
& & & & & & & & & & & & }
& & & & & & & & & & & & .lsubtitle a{
& & & & & & & & & & & & & & & & float:
& & & & & & & & & & & & }
&div class=&lsubtitle&&
& & & & & & & & & & & & & & & & & & & &
& & & & & & & & & & & & & & & & & & & & & & & & &img src=&./images/circle.gif& /&
& & & & & & & & & & & & & & & & & & & & & & & & &h2&核心业务&/h2&
& & & & & & & & & & & & & & & & & & & & & & & & &a href=&#&&MORE&&&/a&
& & & & & & & & & & & & & & & & &/div&
注册时间最后登录阅读权限20积分199精华0帖子
注册会员, 积分 199, 距离下一级还需 1 积分
&div id =&main&&
& & & & & & & & & & & & &div id =&lside&&
& & & & & & & & & & & & & & & & &div class=&lsubtitle&&
& & & & & & & & & & & & & & & & & & & & & & & & &img src=&./images/position.gif& alt=&& /&
& & & & & & & & & & & & & & & & & & & & & & & & &h1&核心业务&/h1&
& & & & & & & & & & & & & & & & & & & & & & & & &a href=&#& id=&alink&&more&&&/a&
& & & & & & & & & & & & & & & & &/div&
& & & & & & & & & & & & & & & & &div class=&four&&&/div&
& & & & & & & & & & & & & & & & &div class=&four&&&/div&
& & & & & & & & & & & & & & & & &div class=&four&&&/div&
& & & & & & & & & & & & & & & & &div class=&four&&&/div&
& & & & & & & & & & & & &/div&
这个地方我给一个id 再设置style就可以通过了
但是用firfox浏览器看时，源代码中无故我一个
&img src=&./images/position.gif& alt=&& /&
& & & & & & & & & & & & & & & & & & & & & & & & &h1&核心业务&/h1&
如图所示：
22:26:44 上传
注册时间最后登录阅读权限20积分199精华0帖子
注册会员, 积分 199, 距离下一级还需 1 积分
&!DOCTYPE html PUBLIC &-//W3C//DTD XHTML 1.0 Strict//EN& &http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&&
&html xmlms=&http://www.w3.or/1999/xhtml& lang=&zh_CN& &
& & & & &head&
& & & & & & & & &title&首页实现&/title&
& & & & & & & & &meta http-equiv=&Content-type& content=&text/ charset=UTF-8& /&
& & & & & & & & &meta name=&description& content=&everedit& /&
& & & & & & & & &!--&link rel=&stylesheet& href=&./images/reset.css& type=&& media=&& /&--&
& & & & & & & & &link rel=&stylesheet& href=&./images/frame.css& type=&& media=&& /&
& & & & & & & & &!--&link rel=&stylesheet& href=&./images/reset.css& type=&& media=&& /&--&
& & & & & & & & &style&
& & & & & & & & & & & & body{
& & & & & & & & & & & & & & & & margin:0
& & & & & & & & & & & & }
& & & & & & & & & & & & #container{
& & & & & & & & & & & & & & & && &
& & & & & & & & & & & & & & & && &width:1002
& & & & & & & & & & & & & & & && &background:#
& & & & & & & & & & & && &}
& & & & & & & & & & & & #header{
& & & & & & & & & & & &
& & & & & & & & & & & & & & & & height:128
& & & & & & & & & & & & & & & & background:gray url(&./images/top_bg.jpg&);
& & & & & & & & & & & &
& & & & & & & & & & & & }
& & & & & & & & & & & &
& & & & & & & & & & & & #nav li {
& & & & & & & & & & & & & & & & /*background:*/
& & & & & & & & & & & & & & & & width:90
& & & & & & & & & & & & & & & & margin-right:1
& & & & & & & & & & & & & & & & margin-left:10
& & & & & & & & & & & & & & & & margin-top:10
& & & & & & & & & & & & & & & & float:
& & & & & & & & & & & & & & & & list-style-type:
& & & & & & & & & & & & & & & &
& & & & & & & & & & & & }
& & & & & & & & & & & & #nav a{
& & & & & & & & & & & & & & & & font-size:16
& & & & & & & & & & & & & & & & font-family:&微软雅黑&
& & & & & & & & & & & & & & & & display:
& & & & & & & & & & & & & & & &
& & & & & & & & & & & & }
& & & & & & & & & & & & #nav a:link{
& & & & & & & & & & & & & & & & text-decoration:
& & & & & & & & & & & & }
& & & & & & & & & & & & #main{
& & & & & & & & & & & & & & & & height:480
& & & & & & & & & & & & }
& & & & & & & & & & & &
& & & & & & & & & & & & #lside{
& & & & & & & & & & & & & & & & width:694
& & & & & & & & & & & & & & & & height:480
& & & & & & & & & & & & & & & & border:1px solid #
& & & & & & & & & & & & & & & & background:#363636;
& & & & & & & & & & & & & & & & float:
& & & & & & & & & & & & & & & &
& & & & & & & & & & & & }
& & & & & & & & & & & &
& & & & & & & & & & & & .lsubtitle{
& & & & & & & & & & & & & & & &
& & & & & & & & & & & && &&&height:50
& & & & & & & & & & & & & & & & background:#0
& & & & & & & & & & & & }
& & & & & & & & & & & & .lsubtitle img{
& & & & & & & & & & & & & & & & float:
& & & & & & & & & & & & }
& & & & & & & & & & & & .lsubtitle h1{
& & & & & & & & & & & & & & & & font-family:&Yahei Consolas Hybrid&;
& & & & & & & & & & & & & & & & font-size:14
& & & & & & & & & & & & & & & & float:
& & & & & & & & & & & & }
.lsubtitle a{
& & & & & & & & & & & & & & & & text-decoration:
& & & & & & & & & & & & & & & & float:
& & & & & & & & & & & & }
& & & & & & & & & & & &
& & & & & & & & & & & &
& & & & & & & & & & & & .four{
& & & & & & & & & & & & & & & & width:320
& & & & & & & & & & & & & & & & height:200
& & & & & & & & & & & & & & & & background:
& & & & & & & & & & & & & & & & margin:8
& & & & & & & & & & & & & & & & float:
& & & & & & & & & & & & }
& & & & & & & & & & & & #rside{
& & & & & & & & & & & & & & & & width:294
& & & & & & & & & & & & & & & & height:480
& & & & & & & & & & & & & & & & float:
& & & & & & & & & & & & & & & & background:#
& & & & & & & & & & & & }
& & & & & & & & & & & & #footer{
& & & & & & & & & & & & & & & & height:128
& & & & & & & & & & & & & & & & background:
& & & & & & & & & & & & & & & &
& & & & & & & & & & & & }
& & & & & & & & &/style&
& & & & &/head&
& & & & &body&
& & & & & & & & &div id=&container&&
& & & & & & & & & & & & &div id=&header&&
& & & & & & & & & & & & & & & & &img src=&./images/logo.jpg& id=&logo& /&
& & & & & & & & & & & & & & & & &ul id=&nav&&
& & & & & & & & & & & & & & & & & & & & &li&&a href=&&&导航1&a&&/li&
& & & & & & & & & & & & & & & & & & & & &li&&a href=&&&导航2&a&&/li&
& & & & & & & & & & & & & & & & & & & & &li&&a href=&&&导航3&a&&/li&
& & & & & & & & & & & & & & & & & & & & &li&&a href=&&&导航4&a&&/li&
& & & & & & & & & & & & & & & & & & & & &li&&a href=&&&导航5&a&&/li&
& & & & & & & & & & & & & & & & & & & & &li&&a href=&&&导航6&a&&/li&
& & & & & & & & & & & & & & & & & & & & &li&&a href=&&&导航7&a&&/li&
& & & & & & & & & & & & & & & & &/ul&
& & & & & & & & &/div&
& & & & & & & & &div id =&main&&
& & & & & & & & & & & & &div id =&lside&&
& & & & & & & & & & & & & & & & &div class=&lsubtitle&&
& & & & & & & & & & & & & & & & & & & & & & & & &img src=&./images/position.gif& alt=&& /&
& & & & & & & & & & & & & & & & & & & & & & & & &h1&核心业务&/h1&
& & & & & & & & & & & & & & & & & & & & & & & & &a href=&#& &more&&&/a&
& & & & & & & & & & & & & & & & &/div&
& & & & & & & & & & & & & & & & &div class=&four&&&/div&
& & & & & & & & & & & & & & & & &div class=&four&&&/div&
& & & & & & & & & & & & & & & & &div class=&four&&&/div&
& & & & & & & & & & & & & & & & &div class=&four&&&/div&
& & & & & & & & & & & & &/div&
& & & & & & & & &div id=&rside&&
& & & & & & & &&&&div class=&lsubtitle&& &/div&
& & & & & & & &&&&ul id=&art&&
& & & & & & & &&&& & & & &li&&/li&
& & & & & & & &&&& & & & &li&&/li&
& & & & & & & &&&& & & & &li&&/li&
& & & & & & & &&&& & & & &li&&/li&
& & & & & & & &&&& & & & &li&&/li&
& & & & & & & &&&& & & & &li&&/li&
& & & & & & & &&&& & & & &li&&/li&
& & & & & & & &&&&/ul&
& & & & & & & & &/div&
& & & & & & & & &/div&
& & & & & & & & &div id=&footer&&&/div&
& & & & & & & & &/div&
&/html&复制代码最原始的代码是如些写，出现的错误是我在一楼发表的，这种问题，我可以用两种方法修改成来：一种就是三楼所用的，给链接起个id，对id设置样式，可解决，
二种就是利用margin-left:-650来解决，但是我想知道我的代码最终错在那儿了 谁能帮我解决一下，我用一四个多小时也没能解决这个问题。
注册时间最后登录阅读权限30积分442精华0帖子
中级会员, 积分 442, 距离下一级还需 58 积分
下载您的代码后经过几番测试，和挑战
我总结你的问题如下：a标签如果要右浮动，建议放在h2。img前面，也就是放在第一个就解决了，亲测解决。a放在第一个位置后，同时设置右浮动就解决了。
第2个要说明的是：几个内联元素要浮动的时候，最好改变其默认块级属性或者，非块级属性。
第3：如果网页整体被一个大div包裹起来，要居中的话，就要设置margin：0
第4：一般情况下，网页加载时从上往下加载，是一块一块加载的，所以，不难发现是从上往下显示好，还是，都放在一个大的div里面都加载完了在显示好，两者对于小网站不明显，但是，对于大网站则最好，分块div，而不是把所有内容都放到一个大的div里面。
总结：我已经改好了错位的元素，讲其上传在附件中，请及时查看。希望我的回答对您有帮助。
10:20:07 上传
下载次数: 603
50.52 KB, 下载次数: 603
注册时间最后登录阅读权限20积分199精华0帖子
注册会员, 积分 199, 距离下一级还需 1 积分
<font color="#994081 发表于
下载您的代码后经过几番测试，和挑战
我总结你的问题如下：a标签如果要右浮动，建议放在h2。img前面，也就 ...
谢谢了，我下载来测试一下，你说的这几点我以后会注意
Powered by后使用快捷导航没有帐号？
只需一步，快速开始
查看: 3155|回复: 9
如何制作html格式的在线测试页面(求助)
UID354874在线时间 小时积分22帖子离线17187 天注册时间
新手上路, 积分 22, 距离下一级还需 28 积分
我现在要做一个在线测试的页面，
以前用ASP做过，但现在要做成*.htm或者*.html格式的页面，这样估计比较好移植。
页面里包括单选和多选题，题目是固定的，题目后面的答案首先是隐藏的，提交试卷后显示正确答案，然后把所得分数显示出来，
有没有高手指点我这只迷途的菜鸟啊，谢谢了！
问题补充：提交试卷后,显示正确答案及得分都还是在当前页面显示,意思就是把隐藏的正确答案显示出来,把分数算出来.....
UID354874在线时间 小时积分22帖子离线17187 天注册时间
新手上路, 积分 22, 距离下一级还需 28 积分
如何制作html格式的在线测试页面(求助)
我现在要做一个在线测试的页面，
以前用ASP做过，但现在要做成*.htm或者*.html格式的页面，这样估计比较好移植。
页面里包括单选和多选题，题目是固定的，所以不涉及到数据库,题目后面的答案首先是隐藏的，提交试卷后显示正确答案，然后把所得分数显示出来，
有没有高手指点我这只迷途的菜鸟啊，谢谢了！
问题补充：提交试卷后,显示正确答案及得分都还是在当前页面显示,意思就是把隐藏的正确答案显示出来,把分数算出来.....
UID131634在线时间 小时积分19213帖子离线17187 天注册时间
html文件可以使用静态生成方法。
提交时，可以使用ajax，这样就能直接显示答案及相关分数信息显示在html页面中。
如果不会ajax，那么就直接链接点下，弹出提交到某一asp处理页，处理后返回结果可以用alert()提示。
ajax也不难，不过得有相关基础，建议找下资料学下，很快的，如果在本帖中问,ajax该怎么做，那就有点强人所难了。
UID354874在线时间 小时积分22帖子离线17187 天注册时间
新手上路, 积分 22, 距离下一级还需 28 积分
谢谢了,那我研究下用ajax该怎么搞,要的就是这个效果,因为如果移植到没有IIS的机器上,第二个方法就失效了..
UID131634在线时间 小时积分19213帖子离线17187 天注册时间
回复 #3 pclfly 的帖子
那可以使用js实现。
我前面理解错了。你可以去前台区问下，或者搜索下相关在线测试的小页子。
UID354874在线时间 小时积分22帖子离线17187 天注册时间
新手上路, 积分 22, 距离下一级还需 28 积分
JS可以实现么,以前我就看我同学毕业设计里有这么个在线测试,但他忘了在哪抄的了..
那我找找看&&斑猪真热情
UID354874在线时间 小时积分22帖子离线17187 天注册时间
新手上路, 积分 22, 距离下一级还需 28 积分
救命啊,javascript.....
UID352576在线时间 小时积分664帖子离线17187 天注册时间
高级会员, 积分 664, 距离下一级还需 336 积分
js就可以实现,用不了ajax的,答案可以找到
&meta http-equiv=Content-Type content=&text/ charset=gb2312&&
&style type=&text/css&&
BODY {FONT-FAMILY: &宋体&; FONT-SIZE: 9 color: #0076}
td {font-family: &宋体&; font-size: 9 color: #0076}
a:link {color:#000066;text-decoration: none}
a:visited {color:#000066;text-decoration: none}
a:hover {color:#0066text-decoration:}
P {FONT-FAMILY: &宋体&; FONT-SIZE: 9 color: #0076}
&TITLE&欧洲流行IQ测试题—智商测试&/TITLE&
&SCRIPT language=JavaScript&
&!--hide from Non-JavaScript browsers
function calculate(theForm)
var storea=0;
if(theForm.q1.value==&m&||theForm.q1.value==&M&){storea+=6;}
if(theForm.q2.value==&15&){storea+=6;}
if(theForm.q3.value==&8&){storea+=6;}
if(theForm.q4.value==&6&){storea+=6;}
if(theForm.q5.value==&5&){storea+=6;}
if(theForm.q6.value==&4&){storea+=6;}
if(theForm.q7.value==&1&){storea+=6;}
if(theForm.q8.value==&2&){storea+=6;}
if(theForm.q9[1].checked){storea+=6;}
if(theForm.q10[3].checked){storea+=5;}
if(theForm.q11[2].checked){storea+=5;}
if(theForm.q12[0].checked){storea+=5;}
if(theForm.q13[2].checked){storea+=5;}
if(theForm.q14[3].checked){storea+=5;}
if(theForm.q15[2].checked){storea+=5;}
if(theForm.q16[2].checked){storea+=5;}
if(theForm.q17[1].checked){storea+=5;}
if(theForm.q18[3].checked){storea+=5;}
if(theForm.q19[3].checked){storea+=5;}
if(theForm.q20[3].checked){storea+=5;}
if(theForm.q21[2].checked){storea+=5;}
if(theForm.q22[2].checked){storea+=5;}
if(theForm.q23[3].checked){storea+=5;}
if(theForm.q24[1].checked){storea+=5;}
if(theForm.q25[0].checked){storea+=5;}
if(theForm.q26[0].checked&&theForm.q26[3].checked){storea+=5;}
if(theForm.q27[1].checked&&theForm.q27[2].checked){storea+=5;}
if(theForm.q28[0].checked&&theForm.q28[3].checked){storea+=5;}
if(theForm.q29[1].checked&&theForm.q29[3].checked){storea+=5;}
if(theForm.q30[3].checked){storea+=5;}
if(theForm.q31[2].checked){storea+=5;}
if(theForm.q32[1].checked){storea+=5;}
if(theForm.q33[2].checked){storea+=5;}
var i = document.clock.face.
return confirm(&谢谢你参加智商测试!\n\n&+
&你的智商为:&+storea+&\n\n&+
&您所用的时间：& +i+&\n&+
&===================================\n70-
--弱智\n&+
--智力低下\n&+
--智力中等\n&+
&100-109--智力中上\n&+
&110-119--智力优秀\n&+
&120-129--智力非常优秀\n&+
&130-139--智力非常非常优秀\n&+
//end of the Calculator IQ Score functions
//----begin of the timer functions----
var timerID =
var timerRunning =
startday = new Date();
clockStart = startday.getTime();
function initStopwatch() {
var myTime = new Date();
return((myTime.getTime() - clockStart)/1000);
function stopclock (){
if(timerRunning)
clearTimeout(timerID);
timerRunning =
function showtime () {
var tSecs = Math.round(initStopwatch());
var iSecs = tSecs % 60;
var iMins = Math.round((tSecs-30)/60);
var sSecs =&& + ((iSecs & 9) ? iSecs : &0& + iSecs);
var sMins =&& + ((iMins & 9) ? iMins : &0& + iMins);
document.clock.face.value = sMins+&:&+sS
timerID = setTimeout(&showtime()&,1000);
timerRunning =
function startclock () {
// Make sure the clock is stopped
stopclock();
startday = new Date();
clockStart = startday.getTime();
showtime();
//end hide--&
&body text=&#0076AE& bgColor=#ffffff&
&SCRIPT language=JavaScript src=&../t.js&&&/SCRIPT&&p style=&line-height: 100%; margin-top: 9; margin-bottom: 13&&&br&&/p&
&table style=&BORDER-COLLAPSE: collapse& cellSpacing=&0& cellPadding=&0& width=&750& border=&0& bordercolorlight=&#C0C0C0& bordercolordark=&#C0C0C0& bgcolor=&#FFFFFF&&
&tr&&td height=&10& bgcolor=&#C9E99B&&
&FORM name=clock onsubmit=0&&DIV align=left&&TABLE border=0 cellPadding=0 cellSpacing=0 width=569&&TBODY&&TR&&TD width=517&&/TD&&/TR&&TR&&TD&&font color=#008000 size=2&这是欧洲流行的测试题，共33题，测试时间20分钟，最大IQ为174分&/font&&INPUT name=face size=5 value=& && &INPUT name=B1 onclick=startclock() type=button value=重新计时&&/TD&&/TR&&/TBODY&&/TABLE&&/DIV&&HR&&/FORM&&B&&FORM method=post onsubmit=calculate(this)&&INPUT name=usetime type=hidden& &OL&&DL&&DT&第1-8 题： &DD&请从理论上或逻辑的角度在后面的空格中填入后续字母或数字； &BLOCKQUOTE&&OL&&LI&&B&A, D, G, J &/B&&INPUT name=q1 size=5& &LI&&B&1, 3, 6, 10 &/B&&INPUT name=q2 size=5& &LI&&B&1, 1, 2, 3, 5 &/B&&INPUT name=q3 size=5& &LI&&B&21, 20, 18, 15, 11 &/B&&INPUT name=q4 size=5& &LI&&B&8, 6, 7, 5, 6, 4 &/B&&INPUT name=q5 size=5& &LI&&B&6, 16 &/B&&INPUT name=q6 size=5& &LI&&B&1, 0, -1, 0 &/B&&INPUT name=q7 size=5& &LI&&B&, 3 &/B&&INPUT name=q8 size=5&&/LI&&/OL&&/BLOCKQUOTE&&/DD&&/DL&&DL&&HR align=left color=#0000ff SIZE=1 width=600&&DT&第9-15 题： &DD&请从右边的图形中选择一个正确的(a,b,c,d)填入左边的空白处 &DT&　 &BLOCKQUOTE&&OL&&LI&&IMG align=top height=150 src=image/iq09a.gif width=150& &IMG align=top height=150 src=image/iq09b.gif width=150&&BR&&INPUT name=q9 type=radio value=a&a &INPUT name=q9 type=radio value=b&b &INPUT name=q9 type=radio value=c&c &INPUT name=q9 type=radio value=d&d &LI&&IMG align=top height=150 src=image/iq10a.gif width=150& &IMG align=top height=150 src=image/iq10b.gif width=150&&BR&&INPUT name=q10 type=radio value=a&a &INPUT name=q10 type=radio value=b&b &INPUT name=q10 type=radio value=c&c &INPUT name=q10 type=radio value=d&d &LI&&IMG align=top height=150 src=image/iq11a.gif width=150& &IMG align=top height=150 src=image/iq11b.gif width=150&&BR&&INPUT name=q11 type=radio value=a&a &INPUT name=q11 type=radio value=b&b &INPUT name=q11 type=radio value=c&c &INPUT name=q11 type=radio value=d&d &LI&&IMG align=top height=150 src=image/iq12a.gif width=150& &IMG align=top height=150 src=image/iq12b.gif width=150&&BR&&INPUT name=q12 type=radio value=a&a &INPUT name=q12 type=radio value=b&b &INPUT name=q12 type=radio value=c&c &INPUT name=q12 type=radio value=d&d &LI&&IMG align=top height=150 src=image/iq13a.gif width=150& &IMG align=top height=150 src=image/iq13b.gif width=150&&BR&&INPUT name=q13 type=radio value=a&a &INPUT name=q13 type=radio value=b&b &INPUT name=q13 type=radio value=c&c &INPUT name=q13 type=radio value=d&d &LI&&IMG align=top height=150 src=image/iq14a.gif width=150& &IMG align=top height=150 src=image/iq14b.gif width=150&&BR&&INPUT name=q14 type=radio value=a&a &INPUT name=q14 type=radio value=b&b &INPUT name=q14 type=radio value=c&c &INPUT name=q14 type=radio value=d&d &LI&&IMG align=top height=150 src=image/iq15a.gif width=150& &IMG align=top height=150 src=image/iq15b.gif width=150&&BR&&INPUT name=q15 type=radio value=a&a &INPUT name=q15 type=radio value=b&b &INPUT name=q15 type=radio value=c&c &INPUT name=q15 type=radio value=d&d&/LI&&/OL&&/BLOCKQUOTE&&/DL&&DL&&HR align=left color=#0000ff SIZE=1 width=600&&DT&第16-25 题： &DD&从右边的列(A B C D)中选择图形，以满足左边的图形&BR&安照逻辑角度能正确排列下来。&/DD&&/DL&&P&&FONT color=#ffffff&------------------------------- &/FONT&&IMG height=50 src=image/Iq16-25b.gif width=200&&/P&&/OL&&BLOCKQUOTE&&OL&&LI&&IMG align=top height=50 src=image/iq16a.gif width=150& &IMG align=top height=50 src=image/iq16b.gif width=200&&BR&&INPUT name=q16 type=radio value=a&A &INPUT name=q16 type=radio value=b&B &INPUT name=q16 type=radio value=c&C &INPUT name=q16 type=radio value=d&D &LI&&IMG align=top height=50 src=image/iq17a.gif width=150& &IMG align=top height=50 src=image/iq17b.gif width=200&&BR&&INPUT name=q17 type=radio value=a&A &INPUT name=q17 type=radio value=b&B &INPUT name=q17 type=radio value=c&C &INPUT name=q17 type=radio value=d&D &LI&&IMG align=top height=50 src=image/iq18a.gif width=150& &IMG align=top height=50 src=image/iq18b.gif width=200&&BR&&INPUT name=q18 type=radio value=a&A &INPUT name=q18 type=radio value=b&B &INPUT name=q18 type=radio value=c&C &INPUT name=q18 type=radio value=d&D &LI&&IMG align=top height=50 src=image/iq19a.gif width=150& &IMG align=top height=50 src=image/iq19b.gif width=200&&BR&&INPUT name=q19 type=radio value=a&A &INPUT name=q19 type=radio value=b&B &INPUT name=q19 type=radio value=c&C &INPUT name=q19 type=radio value=d&D &LI&&IMG align=top height=50 src=image/iq20a.gif width=150& &IMG align=top height=50 src=image/iq20b.gif width=200&&BR&&INPUT name=q20 type=radio value=a&A &INPUT name=q20 type=radio value=b&B &INPUT name=q20 type=radio value=c&C &INPUT name=q20 type=radio value=d&D &LI&&IMG align=top height=50 src=image/iq21a.gif width=150& &IMG align=top height=50 src=image/iq21b.gif width=200&&BR&&INPUT name=q21 type=radio value=a&A &INPUT name=q21 type=radio value=b&B &INPUT name=q21 type=radio value=c&C &INPUT name=q21 type=radio value=d&D &LI&&IMG align=top height=50 src=image/iq22a.gif width=150& &IMG align=top height=50 src=image/iq22b.gif width=200&&BR&&INPUT name=q22 type=radio value=a&A &INPUT name=q22 type=radio value=b&B &INPUT name=q22 type=radio value=c&C &INPUT name=q22 type=radio value=d&D &LI&&IMG align=top height=50 src=image/iq23a.gif width=150& &IMG align=top height=50 src=image/iq23b.gif width=200&&BR&&INPUT name=q23 type=radio value=a&A &INPUT name=q23 type=radio value=b&B &INPUT name=q23 type=radio value=c&C &INPUT name=q23 type=radio value=d&D &LI&&IMG align=top height=50 src=image/iq24a.gif width=150& &IMG align=top height=50 src=image/iq24b.gif width=200&&BR&&INPUT name=q24 type=radio value=a&A &INPUT name=q24 type=radio value=b&B &INPUT name=q24 type=radio value=c&C &INPUT name=q24 type=radio value=d&D &LI&&IMG align=top height=50 src=image/iq25a.gif width=150& &IMG align=top height=50 src=image/iq25b.gif width=200&&BR&&INPUT name=q25 type=radio value=a&A &INPUT name=q25 type=radio value=b&B &INPUT name=q25 type=radio value=c&C &INPUT name=q25 type=radio value=d&D&/LI&&/OL&&/BLOCKQUOTE&&OL&&DL&&HR align=left color=#0000ff SIZE=1 width=600&&DT&第26-29 题： &DD&在左边的四个图形中缺少两个图形，请从右边的一组图形(a b c d e)&BR&中选出两个填入左边以使左边的图形从逻辑角度上能成双配对 &DT&　&/DT&&/DL&&/OL&&BLOCKQUOTE&&P&1.&IMG align=top height=50 src=image/iq26a.gif width=200&&IMG align=top height=50 src=image/iq26b.gif width=250&&BR&& &INPUT name=q26 type=checkbox value=a&a &INPUT name=q26 type=checkbox value=b&b &INPUT name=q26 type=checkbox value=c&c &INPUT name=q26 type=checkbox value=d&d &INPUT name=q26 type=checkbox value=e&e&/P&&/BLOCKQUOTE&&BLOCKQUOTE&&P&2.&IMG align=top height=50 src=image/iq27a.gif width=200& &IMG align=top height=50 src=image/iq27b.gif width=250&&BR&& &INPUT name=q27 type=checkbox value=a&a &INPUT name=q27 type=checkbox value=b&b &INPUT name=q27 type=checkbox value=c&c &INPUT name=q27 type=checkbox value=d&d &INPUT name=q27 type=checkbox value=e&e&/P&&/BLOCKQUOTE&&BLOCKQUOTE&&P&3.&IMG align=top height=50 src=image/iq28a.gif width=200& &IMG align=top height=50 src=image/iq28b.gif width=250&&BR&& &INPUT name=q28 type=checkbox value=a&a &INPUT name=q28 type=checkbox value=b&b &INPUT name=q28 type=checkbox value=c&c &INPUT name=q28 type=checkbox value=d&d &INPUT name=q28 type=checkbox value=e&e&/P&&/BLOCKQUOTE&&BLOCKQUOTE&&P&4.&IMG align=top height=50 src=image/iq29a.gif width=200& &IMG align=top height=50 src=image/iq29b.gif width=250&&BR&& &INPUT name=q29 type=checkbox value=a&a &INPUT name=q29 type=checkbox value=b&b &INPUT name=q29 type=checkbox value=c&c &INPUT name=q29 type=checkbox value=d&d &INPUT name=q29 type=checkbox value=e&e&/P&&/BLOCKQUOTE&&OL&&HR align=left color=#0000ff SIZE=1 width=600&&DL&&DT&第30-33 题： &DD&在下列题目中每一行都缺少一个图，请从右边选择一个(a b c d)&BR&插入左边图形中以使左边的图形从逻辑角度上能成双配对 &/DD&&/DL&&/OL&&BLOCKQUOTE&&OL&&LI&&IMG align=top height=50 src=image/iq30a.gif width=200& &IMG align=top height=50 src=image/iq30b.gif width=200&&BR&&INPUT name=q30 type=radio value=a&a &INPUT name=q30 type=radio value=b&b &INPUT name=q30 type=radio value=c&c &INPUT name=q30 type=radio value=d&d &LI&&IMG align=top height=50 src=image/iq31a.gif width=200& &IMG align=top height=50 src=image/iq31b.gif width=200&&BR&&INPUT name=q31 type=radio value=a&a &INPUT name=q31 type=radio value=b&b &INPUT name=q31 type=radio value=c&c &INPUT name=q31 type=radio value=d&d &LI&&IMG align=top height=50 src=image/iq32a.gif width=200& &IMG align=top height=50 src=image/iq32b.gif width=200&&BR&&INPUT name=q32 type=radio value=a&a &INPUT name=q32 type=radio value=b&b &INPUT name=q32 type=radio value=c&c &INPUT name=q32 type=radio value=d&d &LI&&IMG align=top height=50 src=image/iq33a.gif width=200& &IMG align=top height=50 src=image/iq33b.gif width=200&&BR&&INPUT name=q33 type=radio value=a&a &INPUT name=q33 type=radio value=b&b &INPUT name=q33 type=radio value=c&c &INPUT name=q33 type=radio value=d&d&/LI&&/OL&&/BLOCKQUOTE&&HR align=center&&DIV align=center&&CENTER&&P&&INPUT type=submit value=看看我的得分（IQ值）& &INPUT type=reset value=擦除重做&&/P&&/CENTER&&/DIV&&/FORM&&/B&
&p align=&center& style=&margin-top: 3; margin-bottom: 8&&&SPAN id=daziad&……&/SPAN&&/p&
&p align=&center& style=&line-height: 150%; margin-top: 8; margin-bottom: 8&&
给你的朋友做这个测试　　　　&script language=javascript&
document.write(&&a href=\&/send.asp?ID=0a0&referer=&+parent.location+&&parentTitle=&+document.title+&\& target=OpenWindow&&b&[点击这里将该测试E-mail给你的朋友]&/b&&/a&&);
&/script&　　　　　&a href=&test.htm&&更多IQ智商测试&/a&&SCRIPT language=JavaScript src=&../copy.js&&&/SCRIPT&&/p&
&/td&&/tr&&/table&
&SCRIPT language=JavaScript src=&../f.js&&&/SCRIPT&
&SPAN class=spanclass id=dazijs&&SCRIPT language=JavaScript src=&../dazi.js&&&/SCRIPT&&/SPAN&
&SCRIPT&daziad.innerHTML=dazijs.innerHTML;dazijs.innerHTML=&&;&/SCRIPT&
&提示：您可以先修改部分代码再运行
………………………苦寒竹修改说明：用html标签…………………………………
[[i] 本帖最后由 kuhanzhu 于
10:32 编辑 ]
UID255257在线时间 小时积分3069帖子离线17187 天注册时间
金牌会员, 积分 3069, 距离下一级还需 1931 积分
这样啊考试的时候可以查看答案了
UID369029在线时间 小时积分12775帖子离线17187 天注册时间
&meta name=&GENERATOR& content=&Microsoft FrontPage 6.0&&
&meta name=&ProgId& content=&FrontPage.Editor.Document&&
&meta http-equiv=&Content-Type& content=&text/ charset=gb2312&&
&title&html格式的在线测试页面&/title&
var sparray=[],n=-1
function reto(){
var all=0;
for (var k=0,j=sparray.k&j;k++){
document.getElementById(sparray[k]).style.display=&&
var tem=document.getElementById(sparray[k]).index.split(&-&);
if (tem[0]==&r&)addallr()
else addallc()
function addallr(){//radio
var b = document.getElementsByName(tem[1])
for(var i=0; i&b. i++){
if(b[i].checked &&i+1==tem[2]) all+=parseInt(tem[3])
function addallc(){//checkbox
for (i=1;i&=tem[2];i++){
if(document.getElementById(tem[1]+i).checked!=document.getElementById(tem[1]+i).value){t=0}
if (t==1)all+=parseInt(tem[tem.length-1])
document.getElementById(&spall&).innerHTML=&您的得分=&+all
&form name=&myform&&
1&input type=&radio& value=&1& name=&b1& checked&
2&input type=&radio& value=&2& name=&b1&&
3&input type=&radio& value=&3& name=&b1&&(分数:3)
&span id=&sp1& style=&color:display:none& index=&r-b1-3-3&& 本题正确答案：(3)&/span&
&!--index=&按钮类型:r-按钮名:b1-正确答案所在按钮:3-:分数：3&--&
&script&n+=1;sparray[n]=&sp1&&/script&
2+1&input type=&checkbox& id=&a1& name=&a1& value=&1&&
1+1+1&input type=&checkbox& id=&a2& name=&a2& value=&1&&
4&input type=&checkbox& id=&a3& name=&a3& value=&0&&(分数:5)&!--正确value=&1&,错误value=&0&---&
&span id=&sp2& style=&color:display:none& index=&c-a-3-5&& 本题正确答案：(1) (2)&/span&
&!--index=&按钮类型:c-按钮id关键词:a-按钮数：3-分数：5--&&!----&
&script&n+=1;sparray[n]=&sp2&&/script&
男人&input type=&radio& value=&1& name=&d1& checked&
男人女人&input type=&radio& value=&2& name=&d1&&
女人&input type=&radio& value=&3& name=&d1&&(分数:2)
&span id=&sp3& style=&color:display:none& index=&r-d1-2-2&& 本题正确答案：(2)&/span&
&!--index=&按钮类型:r-按钮名:b1-正确答案所在按钮:3-:分数：3&--&
&script&n+=1;sparray[n]=&sp3&&/script&
a=10&input type=&checkbox& id=&a1& name=&e1& value=&1&&
a=2&input type=&checkbox& id=&a2& name=&e2& value=&0&&
a=15&input type=&checkbox& id=&a3& name=&e3& value=&1&&(分数:4)&!--正确value=&1&,错误value=&0&---&
&span id=&sp4& style=&color:display:none& index=&c-e-3-4&& 本题正确答案：(1) (3)&/span&
&!--index=&按钮类型:c-按钮id关键词:a-按钮数：3-分数：5--&&!----&
&script&n+=1;sparray[n]=&sp4&&/script&
&span id=&spall&&&!--总分--&&/span&
&input type=&button& onclick=&reto()& value=&OK&&
&提示：您可以先修改部分代码再运行
[[i] 本帖最后由 caiying2007 于
13:14 编辑 ]
Powered by