会员中心
加入收藏
绿

本站文章中图片缩放、文体显隐特殊代码

[日期:2008-7-5 10:05:11] [字体: ]

一、如果想实现图片可以通过鼠标自由缩放,只需把下面代码
<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">
答:&nbsp;&nbsp;&nbsp;
</DIV>

“显示”文字无底色
<A onclick="l1.style.display='block';return false" href="#">显示</A>
<A onclick="l1.style.display='none';return false" href="#">&nbsp;</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>


阅读:3655次  

复制 】 【 打印
·2009学年上期教学工作计划 2009-9-7 11:44:34
·2008学年通用技术科组长工作总结 2009-7-5 12:47:27
·2007学年上学期教学反思 2008-2-5 9:31:49
·初中物理教学系统的开发与研究 2009-2-4 12:53:07
·武术教学视频 2008-9-21 8:37:08
声明:本站部分资料来自网上收集,其版权归作者本人所有,如果有任何侵犯您权益的地方,请联系我们,我们将马上进行整理,谢谢。
当前没有评论
查看全部评论  

 字数:≤255
点评:
邮箱: 姓名:
  • 尊重网上道德,遵守中华人民共和国的各项有关法律法规
  • 承担一切因您的行为而直接或间接导致的民事或刑事法律责任
  • 本站管理人员有权保留或删除其管辖留言中的任意内容
  • 本站有权在网站内转载或引用您的评论
  • 参与本评论即表明您已经阅读并接受上述条款