87,910
社区成员
发帖
与我相关
我的任务
分享javascript 跟图片的问题?
大家伙可否帮个小忙
鼠标移动到某图片后 制定图片会渐隐,然后制定的图片再主键渐显示当前鼠标移动到的那个图片.
有网址的话贴下下.
鼠标移动到某图片后 制定图片会渐隐,然后制定的图片再主键渐显示当前鼠标移动到的那个图片.
有网址的话贴下下.
...全文
请发表友善的回复…
发表回复
cxty 2004-12-08
- 打赏
- 举报
今天没人再贴的话~明天100分全送上!
cxty 2004-12-08
- 打赏
- 举报
多些 s1ihome(把握住今天) 指点!
叮咚叮咚叮叮咚 2004-12-07
- 打赏
- 举报
这里有个参考,
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language=javaScript>
<!--//
var sandra0 = new Image();
sandra0.src = "Picture4.jpg";
var sandra1 = new Image();
sandra1.src = "Picture5.jpg";
var sandra2 = new Image();
sandra2.src = "Picture4.jpg";
var i_strngth=1
var i_image=0
var imageurl = new Array()
imageurl[0] ="Picture4.jpg"
imageurl[1] ="Picture5.jpg"
imageurl[2] ="Picture4.jpg"
//渐现图片
function showimage() {
if(document.all) {
if (i_strngth <=110) {
testimage.innerHTML="<img style='filter:alpha(opacity="+i_strngth+")' src="+imageurl[i_image]+" border=0>";
i_strngth=i_strngth+10
var timer=setTimeout("showimage()",100)
} else {
clearTimeout(timer)
var timer=setTimeout("hideimage()",1000)
}
}
if(document.layers) {
clearTimeout(timer)
document.testimage.document.write("<img src="+imageurl[i_image]+" border=0>")
document.close()
i_image++
if (i_image >= imageurl.length) {i_image=0}
var timer=setTimeout("showimage()",2000)
}
}
function hideimage() {
if (i_strngth >=-10) {
testimage.innerHTML="<img style='filter:alpha(opacity="+i_strngth+")' src="+imageurl[i_image]+" border=0>";
i_strngth=i_strngth-10
var timer=setTimeout("hideimage()",100)
}
else {
clearTimeout(timer)
i_image++
if (i_image >= imageurl.length) {i_image=0}
i_strngth=1
var timer=setTimeout("showimage()",500)
}
}
//-->
</script>
<title>无标题文档</title>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>
<body onLoad="showimage()">
<div id="testimage" style="position:absolute; left:7px; top:21px; width:502px; height:330px; z-index:1;"></div>
</body>
</html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language=javaScript>
<!--//
var sandra0 = new Image();
sandra0.src = "Picture4.jpg";
var sandra1 = new Image();
sandra1.src = "Picture5.jpg";
var sandra2 = new Image();
sandra2.src = "Picture4.jpg";
var i_strngth=1
var i_image=0
var imageurl = new Array()
imageurl[0] ="Picture4.jpg"
imageurl[1] ="Picture5.jpg"
imageurl[2] ="Picture4.jpg"
//渐现图片
function showimage() {
if(document.all) {
if (i_strngth <=110) {
testimage.innerHTML="<img style='filter:alpha(opacity="+i_strngth+")' src="+imageurl[i_image]+" border=0>";
i_strngth=i_strngth+10
var timer=setTimeout("showimage()",100)
} else {
clearTimeout(timer)
var timer=setTimeout("hideimage()",1000)
}
}
if(document.layers) {
clearTimeout(timer)
document.testimage.document.write("<img src="+imageurl[i_image]+" border=0>")
document.close()
i_image++
if (i_image >= imageurl.length) {i_image=0}
var timer=setTimeout("showimage()",2000)
}
}
function hideimage() {
if (i_strngth >=-10) {
testimage.innerHTML="<img style='filter:alpha(opacity="+i_strngth+")' src="+imageurl[i_image]+" border=0>";
i_strngth=i_strngth-10
var timer=setTimeout("hideimage()",100)
}
else {
clearTimeout(timer)
i_image++
if (i_image >= imageurl.length) {i_image=0}
i_strngth=1
var timer=setTimeout("showimage()",500)
}
}
//-->
</script>
<title>无标题文档</title>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>
<body onLoad="showimage()">
<div id="testimage" style="position:absolute; left:7px; top:21px; width:502px; height:330px; z-index:1;"></div>
</body>
</html>
cxty 2004-12-07
- 打赏
- 举报
即 图片逐隐渐显
通过 filters.alpha.opacity 来控制的
通过 filters.alpha.opacity 来控制的
