设为首页收藏本站

新微赢技术网

 找回密码
 注册
搜索
热搜: 回贴
查看: 187|回复: 1
打印 上一主题 下一主题

跳转到其他页面时的切换特效

[复制链接]
跳转到指定楼层
1#
发表于 2009-9-15 00:56:24 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
请教各位高手:
  
      我学网页刚刚入门......这两天有个问题搞不清楚......

就是跳转到其页面时的切换特效果时.......我怎么都做不出那个缓慢切换的效果........不懂怎么回事.......

我按书上说的照做了......


[code][<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head>
<title></title>


<style type="text/css">
<!--
#Layer1 {
    position:absolute;
    left:0;
    top:0;
    width:700;
    height:345;
    z-index:6;
}
-->
</style>
<link href="images_files/style.css" rel="stylesheet" type="text/css">
<link href="images_files/00000style.css" rel="stylesheet" type="text/css">
<meta http-equiv="refresh" content="8;URL=page.htm">
<meta http-equiv="PageExit" content="revealTrans(duration=10,transition=20)">
</head>

<body leftmargin="0" topmargin="0" bgcolor="#b8000c" marginheight="0" marginwidth="0">
<div id="ad" style="position: absolute; z-index: 8; left: 55px; top: 165px;"><a href="http://jinliufu.net/brand_ad.asp"><img src="images_files/Pop.gif" border="0">
  </a></div>
<script>
  var x = 800,y = 60
  var xin = true, yin = true
  var step = 1
  var delay = 1
  var obj=document.getElementById("ad")
  function floatAD() {
    var L=T=0
    var R= document.body.clientWidth-obj.offsetWidth
    var B = document.body.clientHeight-obj.offsetHeight
    obj.style.left = x + document.body.scrollLeft
    obj.style.top = y + document.body.scrollTop
    x = x + step*(xin?1:-1)  
    if (x < L) { xin = true; x = L}
    if (x > R){ xin = false; x = R}
    y = y + step*(yin?1:-1)
    if (y < T) { yin = true; y = T }
    if (y > B) { yin = false; y = B }
  }
  var itl= setInterval("floatAD()", delay)
obj.onmouseover=function(){clearInterval(itl)}
obj.onmouseout=function(){itl=setInterval("floatAD()", delay)}
  </script>

<table border="0" cellpadding="0" cellspacing="0" height="43" width="1003">
  <tbody><tr>
    <td align="right" background="images_files/index_0303_bg_5.gif" bgcolor="#b8000c" height="43" width="180">  
    </td>
    <td align="right" bgcolor="#b8000c" width="823">
      <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" height="43" width="250">
        <param name="movie" value="images_files/zi.swf">
        <param name="quality" value="high">
        <param name="wmode" value="transparent">
        <embed src="images_files/zi.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent" height="43" width="250">
      </object></td>
  </tr>
</tbody></table>
<table align="center" background="images_files/index_0303_bg_1.gif" border="0" cellpadding="0" cellspacing="0" height="176" width="1003">
    <tbody><tr><td align="left" height="169" valign="top" width="60"><img src="images_files/index_0303_1.gif" width="60"></td>
    <td align="left" valign="top" width="60"><img src="images_files/index_0303_2.gif" height="176" width="60"></td>
    <td align="left" valign="top" width="60"><img src="images_files/index_0303_3.gif" height="176" width="60"></td>
    <td align="left" valign="top" width="60"><img src="images_files/index_0303_4.gif" width="60"></td>
    <td align="left" valign="top" width="60"><img src="images_files/index_0303_5.gif" height="176" width="60"></td>
    <td align="right" valign="bottom" width="583">
      <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" height="50" width="480">
        <param name="movie" value="images_files/dh_s.swf">
        <param name="quality" value="high">
        <param name="wmode" value="transparent">
        <embed src="images_files/dh_s.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent" height="50" width="480">
      </object></td>
    <td align="right" valign="bottom" width="60"><img src="images_files/index_0303_6.gif" height="172" width="60"></td>
    <td align="right" valign="bottom" width="60"><img src="images_files/index_0303_7.gif" height="172" width="60"></td>
  </tr>
</tbody></table>
<table border="0" cellpadding="0" cellspacing="0" width="1003">
  <tbody><tr>
    <td background="images_files/index_0303_8.gif" height="18" width="566"></td>
    <td background="images_files/index_0303_9.gif" width="437"></td>
  </tr>
</tbody></table>
<table background="images_files/index_0303_bg_2.gif" border="0" cellpadding="0" cellspacing="0" width="1003">
  <tbody><tr valign="middle">
    <td height="199" width="60">
      <!-- 调用flash开始 -->
      <!-- <SCRIPT>
var adarray = new Array()

adarray[1]= "images/home1.swf"
//adarray[5]= "images/index_search_ad2.swf"
var swfwidth=1003;
var swfheight=248;
var rndNum = Math.round(Math.random() * (adarray.length-1));
htmlcode = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/sho ... h/swflash.cab#version=5,0,0,0" width="'+swfwidth+'" height="'+swfheight+'"><param name=movie value="'+adarray[rndNum]+'"> <PARAM NAME=menu VALUE=false><PARAM NAME=wmode VALUE=opaque><param name=quality value=high><param name="wmode" value="transparent"><embed src="'+adarray[rndNum]+'" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"type="application/x-shockwave-flash& ... ot;'+swfheight+'"></embed></object>';
document.write(htmlcode);
</SCRIPT> -->
      <!-- 调用flash结束 -->
      <img src="images_files/index_0303_9.jpg" height="199" width="60"></td>
    <td width="60"><img src="images_files/index_0303_8.jpg" height="199" width="60"></td>
    <td width="60"><img src="images_files/index_0303_7.jpg" height="199" width="60"></td>
    <td width="60"><img src="images_files/index_0303_6.jpg" height="199" width="60"></td>
    <td align="left" width="60"><img src="images_files/index_0303_5.jpg" height="199" width="60"></td>
    <td align="center" background="images_files/index_0303_bg_4.gif" width="383">
      <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" height="199" width="203">
        <param name="movie" value="images_files/logo.swf">
        <param name="quality" value="high">
        <param name="wmode" value="transparent">
        <embed src="images_files/logo.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" height="199" width="203"></object>
    </td>
    <td width="80"><img src="images_files/index_0303_1.jpg" height="199" width="80"></td>
    <td width="80"><img src="images_files/index_0303_2.jpg" height="199" width="80"></td>
    <td width="80"><img src="images_files/index_0303_3.jpg" height="199" width="80"></td>
    <td width="74"><img src="images_files/index_0303_4.jpg" height="199" width="80"></td>
  </tr>
</tbody></table>

<table border="0" cellpadding="0" cellspacing="0" width="1003">
  <tbody><tr>
    <td background="images_files/index_0303_15.gif" height="31" width="566"></td>
    <td background="images_files/index_0303_16.gif" width="437"></td>
  </tr>
</tbody></table>
<table background="images_files/index_0303_bg_3.gif" border="0" cellpadding="0" cellspacing="0" height="221" width="1003">
  <tbody><tr>
    <td align="left" height="198" valign="top" width="60"><img src="images_files/index_0303_17.gif" height="221" width="60"></td>
    <td align="left" valign="top" width="60"><img src="images_files/index_0303_18.gif" height="221" width="60"></td>
    <td align="left" valign="top" width="60"><img src="images_files/index_0303_19.gif" height="221" width="60"></td>
    <td align="left" valign="top" width="60"><img src="images_files/index_0303_20.gif" height="221" width="60"></td>
    <td align="left" valign="top" width="60"><img src="images_files/index_0303_21.gif" height="221" width="60"></td>
    <td align="right" valign="top" width="625"><a href="http://www.vats.com.cn/test"><img src="images_files/index_10.jpg" alt="" border="0" height="23" width="158"></a></td>
    <td align="right" background="images_files/top_mid_bg.gif" valign="top" width="78"><img src="images_files/index_0303_22.gif" height="221" width="78"></td>
  </tr>
</tbody></table>
<table bgcolor="#faab32" border="0" cellpadding="0" cellspacing="0" height="1" width="1003">
  <tbody><tr>
    <td></td>
  </tr>
</tbody></table>
<table border="0" cellpadding="0" cellspacing="0" height="86" width="1003">
  <tbody><tr>
    <td align="right" background="images_files/top_bottom_bg.gif" valign="top"><table border="0" cellpadding="0" cellspacing="0" height="53" width="500">
        <tbody><tr>
          <td align="right" height="53" valign="top"><img src="images_files/top_bottom_pic1.jpg" usemap="#Map" href="#" border="0" height="35" width="375"></td>
        </tr>
      </tbody></table>
      <map name="Map"><area shape="rect" coords="2449,18,3761,35" href="http://www.to-dream.com/" target="_blank"><area shape="rect" coords="890,20,2132,32" href="http://www.miibeian.gov.cn/" target="_blank"><area shape="rect" coords="77,20,183,37" href="http://www.miibeian.gov.cn/" target="_blank"><area shape="rect" coords="211,20,325,35" href="http://www.to-dream.com/" target="_blank"></map></td>
  </tr>
</tbody></table>
</body></html>/code]
2#
发表于 2010-1-6 12:05:11 | 只看该作者
要相信自己~智商为0,呵呵,开个玩笑,娱乐一下,大家继续看贴。
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

申请友链|小黑屋|最新主题|手机版|新微赢技术网 ( 苏ICP备08020429号 )  

GMT+8, 2024-11-18 06:19 , Processed in 0.098247 second(s), 8 queries , Gzip On, Memcache On.

Powered by xuexi

© 2001-2013 HaiAn.Com.Cn Inc. 寰耽

快速回复 返回顶部 返回列表