picture2.htm

来自「最完整的Javascript 特效」· HTM 代码 · 共 173 行

HTM
173 行
字号 
<html>


<!-- Mirrored from www.yesky.com/imagesnew/software/jscript/picture2.htm by HTTrack Website Copier/3.x [XR&CO'2007], Tue, 15 Apr 2008 09:00:12 GMT -->
<head>

<title>图片隐现效果</title>

<style type="text/css">

<!--

body {  font-family: "宋体"; font-size: 9pt; margin-top: 0px; margin-left: 0px; margin-right: 0px}

A { COLOR: black; FONT-SIZE: 9pt; FONT-WEIGHT: 400; TEXT-DECORATION: none }

 A:hover { COLOR: red; FONT-SIZE: 9pt; FONT-WEIGHT: 400; TEXT-DECORATION: underline }

a:active     { font: 9pt "宋体"; cursor: hand; color: #FF0033 }



-->

</style>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<SCRIPT language="JavaScript">

<!--

function makevisible(cur,which){

if (which==0)

cur.filters.alpha.opacity=100

else

cur.filters.alpha.opacity=20

}



//-->



</SCRIPT>

</head>



<body >

<br>

<br>

<center><font color=red face="隶书" size=6>图片隐现效果的脚本</font></center>

<br>

<center>

<table border=5 bordercolor=black borderlight=green>

<tr><td align=center><font size=4 color=red face="Arial, Helvetica, sans-serif"><strong>将鼠标放在图片上看看效果!</strong></font></td></tr><tr><td align=center height=100 width=300><img src="j2.gif" style="filter:alpha(opacity=20)" onMouseOver="makevisible(this,0)" onMouseOut="makevisible(this,1)">

</td></tr>

</table></center>

<br>

<br>

<center>

<textarea name=source rows=12 cols=45 class=yk9>

脚本说明:

第一步:把如下代码加入<body>区域中

<SCRIPT language="JavaScript">

<!--

function makevisible(cur,which){

if (which==0)

cur.filters.alpha.opacity=100

else

cur.filters.alpha.opacity=20

}



//-->



</SCRIPT>





第二步:把如下代码加入<body>区域中

<img src="j2.gif" style="filter:alpha(opacity=20)" onMouseOver="makevisible(this,0)" onMouseOut="makevisible(this,1)">

</textarea>

<SCRIPT LANGUAGE="JavaScript">



<!-- hide



function goHist(a) 



{



   history.go(a);



}



//-->



</script>



<FORM METHOD="post">

<INPUT TYPE="button" VALUE="返回" onClick="goHist(-1)" >

</form>

</center>

<br>

<br>

</body>


<!-- Mirrored from www.yesky.com/imagesnew/software/jscript/picture2.htm by HTTrack Website Copier/3.x [XR&CO'2007], Tue, 15 Apr 2008 09:00:12 GMT -->
</html>

picture2.htm - 源码说明

本页面展示了「最完整的Javascript 特效」中的 picture2.htm 源码文件，采用 HTM 编程语言编写，共 173 行代码。您可以在线阅读完整代码内容，也可以返回资源详情页下载完整源码包进行本地学习和开发。

虫虫下载站收录了大量与Javascript相关的技术资源，包括源代码、技术文档、电路图等，是电子工程师和嵌入式开发者的专业学习平台。

⌨️ 快捷键说明

复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?