一、如果想实现图片可以通过鼠标自由缩放,只需把下面代码
<IMG src="img/20083333389063.jpg" >
改成下面代码
<IMG src="img/20083333389063.jpg"
onmousewheel="return cgimg(this);" onmouseover="this.style.cursor='hand';" onclick=window.open(this.src); onload=javascript:DrawImage(this); border=0>
或
<IMG src="img/20083333389063.jpg" onmousewheel="return cgimg(this);" onload=javascript:DrawImage(this); border=0>
注:
DrawImage(this)若图片宽度大于700,则缩为宽700显示,否则就按原图显示。
DrawImage2(this)若图片宽度大于200,则缩为宽200显示,否则就按原图显示。
DrawImage3(this)若图片宽度大于300,则缩为宽300显示,否则就按原图显示。
DrawImage4(this)若图片宽度大于400,则缩为宽400显示,否则就按原图显示。
二、如果想实现鼠标移到时显示图片(比如作图的答案),复制下面的代码
<SCRIPT language=JavaScript1.2>
<!--
function high(which2){
theobject=which2
highlighting=setInterval("highlightit(theobject)",0)<!-- 设置显示的时间快慢,值越大越慢 -->
}
function low(which2){
clearInterval(highlighting)
which2.filters.alpha.opacity=0<!-- 设置的透明度 ,值越小透明度越低->
}
function highlightit(cur2){
if (cur2.filters.alpha.opacity<100)
cur2.filters.alpha.opacity+=100
else if (window.highlighting)
clearInterval(highlighting)
}
//-->
</SCRIPT>
<IMG src="up/doc/20085660870485.JPG" style="border:0px solid #000000; FILTER: alpha(opacity=0)" onmouseover="high(this)" onmouseout="low(this)" onmousewheel="return cgimg(this);" onload=javascript:DrawImage(this); border=0>
三、下面代码可实现这个功能:题目后紧跟答案,答案可以隐藏和显示。如有多题,则只需把l1改成l2、l3……(注:l是字母l,不是数字1。特别注意复制时'block'、'none'可能会变成‘block’、‘none’,要把全角单引号变回半角单引号)
1、关于电磁感应现象,下列说法中正确的是( )<BR>
A、闭合电路的一部分导体在磁场中运动,一定产生感应电流 <BR>
B、导体的一部分在磁场中做切割磁感线运动,一定产生感应电流 <BR>
C、发电机是利用电磁感应现象制成的 <BR>
D、电磁铁是利用电磁感应现象制成的<BR>
“显示答案”有底色
<A class=box_btn onclick="l1.style.display='block';return false" href="#"><FONT size=3>显示答案</FONT></A>
<A class=box_btn onclick="l1.style.display='none';return false" href="#"><FONT size=3>隐藏答案</FONT></A>
<DIV class=box_btn id=l1 style="DISPLAY: none">
答:
</DIV>
用▼代替“显示答案”文字
<A class=box_btn onclick="l1.style.display='block';return false" href="#"><FONT size=3>▼</FONT></A>
<A class=box_btn onclick="l1.style.display='none';return false" href="#"><FONT size=3>▲</FONT></A>
<DIV class=box_btn id=l1 style="DISPLAY: none">
答:
</DIV>
“显示”文字无底色
<A onclick="l1.style.display='block';return false" href="#">显示</A>
<A onclick="l1.style.display='none';return false" href="#"> </A>
<DIV class=box_btn id=l1 style="DISPLAY: none">
答:
</DIV>
以下是新的答案显示,点击“显示答案”分别进行收起和展开
<INPUT id=butn onclick="document.getElementById('shiti_1').style.display=(document.getElementById('shiti_1').style.display =='none')?'':'none'" type=button value=显示答案><DIV class=box_btn id=shiti_1 style="DISPLAY: none">答:</DIV>