js实现九宫格图片半透明渐显特效的方法
本文实例讲述了js实现九宫格图片半透明渐显特效的方法。分享给大家供大家参考。具体实现方法如下：
<html>
<title>九宫格图片半透明渐显效果</title>
<body>
<STYLE type=text/css>.invisible {
FILTER: alpha(opacity=0)
}
</STYLE>
<SCRIPT language=JavaScript1.2>
<!--
function high(which2){
theobject=which2
highlighting=setInterval("highlightit(theobject)",50)
}
function low(which2){
clearInterval(highlighting)
which2.filters.alpha.opacity=0
}
function highlightit(cur2){
if (cur2.filters.alpha.opacity<100)
cur2.filters.alpha.opacity+=10
else if (window.highlighting)
clearInterval(highlighting)
}
//-->
</SCRIPT>
<TABLE borderColor=#999999 cellSpacing=8 cellPadding=0 width=302
border=0><TBODY>
<TR>
<TD width=90 background=text1.gif bgColor=#db4d0e
height=90><A href=""><IMG
class=invisible onmouseover=high(this) onmouseout=low(this)
src="/images/m01.jpg" border=0 width=180px height=135px></A></TD>
<TD width=90 background=text2.gif bgColor=#ff9f07><A
href="/"><IMG
class=invisible onmouseover=high(this) onmouseout=low(this)
src="/images/m02.jpg" border=0 width=180px height=135px></A></TD>
<TD width=90 background=text3.gif bgColor=#ff9f07><A
href=""><IMG class=invisible
onmouseover=high(this) onmouseout=low(this) src="/images/m03.jpg"
border=0 width=180px height=135px></A></TD></TR>
<TR>
<TD background=text4.gif bgColor=#ff9f07><A
href="/"><IMG
class=invisible onmouseover=high(this) onmouseout=low(this)
src="/images/m04.jpg" border=0 width=180px height=135px></A></TD>
<TD background=text5.gif bgColor=#a5d523><A
href="/"><IMG
class=invisible onmouseover=high(this) onmouseout=low(this)
src="/images/m05.jpg" border=0 width=180px height=135px></A></TD>
<TD background=text6.gif bgColor=#c56e19><A
href="/"><IMG
class=invisible onmouseover=high(this) onmouseout=low(this)
src="/images/m06.jpg" border=0 width=180px height=135px></A></TD></TR>
<TR>
<TD background=text12.gif bgColor=#ff9f07><A
href="/"><IMG
class=invisible onmouseover=high(this) onmouseout=low(this)
src="/images/m07.jpg" border=0 width=180px height=135px></A></TD>
<TD background=text8.gif bgColor=#c56e19><A
href="/"><IMG
class=invisible onmouseover=high(this) onmouseout=low(this) src="/images/m08.jpg"
border=0 width=180px height=135px></A></TD>
<TD background=text7.gif bgColor=#c56e19><A
href="/"><IMG
class=invisible onmouseover=high(this) onmouseout=low(this)
src="/images/m09.jpg" border=0 width=180px height=135px></A></TD></TR></TBODY></TABLE>
</body>
</html>
希望本文所述对大家的javascript程序设计有所帮助。
-
本文向大家介绍js实现透明度渐变效果的方法，包括了js实现透明度渐变效果的方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了js实现透明度渐变效果的方法。分享给大家供大家参考。具体分析如下： 这里可实现一开始元素的透明度是30，鼠标移上的时候，透明度慢慢增加，到透明度100停止。鼠标移出，透明度慢慢减少，减少到30的效果。 要点一：因为无法直接获取和改变透明度的值，可以把透明度值赋给一个
-
本文向大家介绍js实现九宫格抽奖，包括了js实现九宫格抽奖的使用技巧和注意事项，需要的朋友参考一下 本文实例为大家分享了js实现九宫格抽奖的具体代码，供大家参考，具体内容如下 CSS： js： 以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持呐喊教程。
-
本文向大家介绍php实现给图片加灰色半透明效果的方法，包括了php实现给图片加灰色半透明效果的方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了php实现给图片加灰色半透明效果的方法。分享给大家供大家参考。具体实现方法如下： 原理： 1.首先计算出原图片的尺寸 2.创建相同尺寸的半透明图片 3.使用 imagecopy()方法，把新创建的半透明图片与原图合并 具体实现代码如下： 希望本文
-
本文向大家介绍js实现九宫格拼图小游戏，包括了js实现九宫格拼图小游戏的使用技巧和注意事项，需要的朋友参考一下 效果如下： 代码如下： 设计思路： 我们要做的就是设置一个大 DIV 用来包裹里面的小 DIV，然后在里面设置 8 个小 DIV，从 1 开始给他们编号。右边设置两个按钮，点击开始的时候开始计时，完成拼图后停止计时，并弹出一个框，提示完成了。重来按钮是当用户觉得当前有难度的时候，点击重来
-
本文向大家介绍原生JS实现九宫格抽奖，包括了原生JS实现九宫格抽奖的使用技巧和注意事项，需要的朋友参考一下 本文实例为大家分享了JS实现九宫格抽奖的具体代码，供大家参考，具体内容如下 上代码： CSS样式代码： JS代码： 以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持呐喊教程。
-
本文向大家介绍实现九宫格布局相关面试题，主要包含被问及实现九宫格布局时的应答技巧和注意事项，需要的朋友参考一下