|
#2
gameohyes2009-11-10 18:25
|
各位大哥们，帮个忙，我最进在学FLASH，书本的翻页效果怎么做啊？代码写不来啊
6 回复
|
|
#3
gameohyes2009-11-10 18:28
如:
 程序代码：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www. xmlns="http://www. http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> <script language="javascript"> function image(i){ for(j=1;j<=4;j++){ if(j==i){ document.getElementById("Layer"+j).style.display=""; }else{ document.getElementById("Layer"+j).style.display="none"; } } } </script> <style type="text/css"> <!-- #Layer1 { position:absolute; left:13px; top:52px; width:360px; height:190px; z-index:1; } #Layer2 { position:absolute; left:13px; top:52px; width:362px; height:190px; z-index:2; } #Layer3 { position:absolute; left:13px; top:52px; width:361px; height:191px; z-index:3; } #Layer4 { position:absolute; left:14px; top:52px; width:360px; height:190px; z-index:4; } --> </style> </head> <body> <div id="Layer1"><img src="adv_1.jpg" width="360" height="190" /></div> <div id="Layer2"><img src="adv_2.jpg" width="360" height="190" /></div> <div id="Layer3"><img src="adv_3.jpg" width="360" height="190" /></div> <div id="Layer4"><img src="adv_4.jpg" width="360" height="190" /></div> <p><a href="#" onmousemove="image(1)" >一</a> <a href="#" onmousemove="image(2)">二</a> <a href="# " onmousemove="image(3)">三</a> <a href="#" onmousemove="image(4)">四</a></p> <p> </p> <p> </p> </body> </html> |
|
#4
魏兴耀2009-11-13 09:25
回复 2楼 gameohyes
|
|
|
#5
gameohyes2009-11-13 12:18
|
|
#6
vallkiss2009-11-18 11:01
|
|
|
#7
tornadoii2009-11-18 15:11
|
1