搜索
编程论坛 → WEB开发 → 『 WEB前端(UI) 』 → 怎么实现这个效果
标题：怎么实现这个效果
只看楼主
cilubutong
Rank: 1
等　级：新手上路
帖　子：119
专家分：2
注　册：2007-5-22
结帖率：75%
楼主
 问题点数：0 回复次数：2 
怎么实现这个效果
我要在网页中插入图片  当我点击上一页的时候表格中的图片会跳到上一页而别的地方不会动只有图片会动
我做的代码如下:
谁帮我改成我想要的效果或者你教我怎么弄

<HTML><HEAD><TITLE></TITLE>
<script language="JavaScript">
<!--

var msg = "欢迎来到我的实训作业，请多提意见。谢谢! " ;
var interval = 120
var spacelen = 120;
var space10=" ";
var seq=0;
function Helpor_net() {
len = msg.length;
window.status = msg.substring(0, seq+1);
seq++;
if ( seq >= len ) {
seq = 0;
window.status = '';
window.setTimeout("Helpor_net();", interval );
}
else
window.setTimeout("Helpor_net();", interval );
}
Helpor_net();

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_nbGroup(event, grpName) { //v6.0
  var i,img,nbArr,args=MM_nbGroup.arguments;
  if (event == "init" && args.length > 2) {
    if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
      img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
      if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
      nbArr[nbArr.length] = img;
      for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
        if (!img.MM_up) img.MM_up = img.src;
        img.src = img.MM_dn = args[i+1];
        nbArr[nbArr.length] = img;
    } }
  } else if (event == "over") {
    document.MM_nbOver = nbArr = new Array();
    for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
      if (!img.MM_up) img.MM_up = img.src;
      img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);
      nbArr[nbArr.length] = img;
    }
  } else if (event == "out" ) {
    for (i=0; i < document.MM_nbOver.length; i++) {
      img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
  } else if (event == "down") {
    nbArr = document[grpName];
    if (nbArr)
      for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
    document[grpName] = nbArr = new Array();
    for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
      if (!img.MM_up) img.MM_up = img.src;
      img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
      nbArr[nbArr.length] = img;
  } }
}
//-->
</script>

<META http-equiv=Content-Type content="text/html; charset=gb2312">
<STYLE type=text/css>











D {
    FONT-SIZE: 12px; COLOR: #000000
}
INPUT {
    FONT-SIZE: 12px; COLOR: #000000
}
SELECT {
    FONT-SIZE: 12px; COLOR: #000000
}
TD.nav {
    FILTER: DropShadow( Color=#ffffff, OffX=1, OffY=1)
}
TD.nav A {
    COLOR: #000000; TEXT-DECORATION: none
}
TD.nav A:hover {
    COLOR: #000000
}
p1 {
    FONT-SIZE: 12px
}
p2 {
    FONT-SIZE: 12px; LINE-HEIGHT: 130%
}
p3 {
    FONT-SIZE: 14px
}
p4 {
    FONT-SIZE: 14px; LINE-HEIGHT: 130%
}
p5 {
    FONT-SIZE: 12px; LINE-HEIGHT: 180%
}
p6 {
    LINE-HEIGHT: 240%
}
p7 {
    COLOR: #404642; LINE-HEIGHT: 150%
}
.text {
    COLOR: #3c3c3c; LINE-HEIGHT: 180%
}
.text1 {
    FONT-SIZE: 14px; COLOR: #3c3c3c; LINE-HEIGHT: 180%
}
A:link {
    COLOR: #000000
}
A:visited {
    COLOR: #000000
}
A:hover {
    COLOR: #000000
}td img {display: block;}td img {display: block;}
td img {display: block;}
body {
    background-image: url(images/MIL55009.jpg);
    background-repeat: repeat;
}
td img {display: block;}td img {display: block;}td img {display: block;}td img {display: block;}td img {display: block;}td img {display: block;}
.STYLE3 {
    font-family: "宋体";
    font-size: 12px;
}
#Layer1 {
    position:absolute;
    left:7px;
    top:347px;
    width:202px;
    height:19px;
    z-index:1;
}
#Layer2 {
    position:absolute;
    left:213px;
    top:120px;
    width:515px;
    height:38px;
    z-index:2;
}
#Layer3 {
    position:absolute;
    left:622px;
    top:193px;
    width:210px;
    height:30px;
    z-index:1;
}td img {display: block;}td img {display: block;}td img {display: block;}
.STYLE10 {
    font-family: "宋体";
    font-size: 14px;
}
.STYLE11 {FONT-SIZE: 18px; COLOR: #33CC99; LINE-HEIGHT: 180%; font-family: "华文新魏"; }
</STYLE>

<META content="MSHTML 6.00.2800.1106" name=GENERATOR></HEAD>
<BODY leftMargin=0 topMargin=0 marginwidth="0"
marginheight="0" onLoad="MM_preloadImages('../新建文件夹 (2)/images/未命名-3_r1_c1_f3.gif','../新建文件夹 (2)/images/未命名-3_r1_c1_f2.gif','../新建文件夹 (2)/images/未命名-3_r1_c1_f4.gif','../新建文件夹 (2)/images/未命名-3_r1_c2_f3.gif','../新建文件夹 (2)/images/未命名-3_r1_c2_f2.gif','../新建文件夹 (2)/images/未命名-3_r1_c2_f4.gif','../新建文件夹 (2)/images/未命名-3_r1_c3_f3.gif','../新建文件夹 (2)/images/未命名-3_r1_c3_f2.gif','../新建文件夹 (2)/images/未命名-3_r1_c3_f4.gif','../新建文件夹 (2)/images/未命名-3_r1_c4_f3.gif','../新建文件夹 (2)/images/未命名-3_r1_c4_f2.gif','../新建文件夹 (2)/images/未命名-3_r1_c4_f4.gif','../新建文件夹 (2)/images/未命名-3_r1_c5_f3.gif','../新建文件夹 (2)/images/未命名-3_r1_c5_f2.gif','../新建文件夹 (2)/images/未命名-3_r1_c5_f4.gif')">
<TABLE width=777 border=1 align=center cellPadding=0 cellSpacing=0 bordercolor="#66CCFF">
  <TBODY>
    <TR bordercolor="#66CCFF">
      <TD width=304><IMG height=43 src="images/qleft4.gif" width=303
      border=1></TD>
      <TD><TABLE border=0 align=right cellPadding=0 cellSpacing=0 bordercolor="#66CCFF">
        <TBODY>
          <TR>
            <TD width=26>&nbsp;</TD>
            <TD width=250 align=middle
          background=06/06/iecool_grmb_002/images/qback5.gif class=STYLE11>喜欢有风的日子 </TD>
          <span id="liveclock" style"=width: 100px; height: 15px"></span>
<SCRIPT language=javascript>
function www_helpor_net()
{
var Digital=new Date()
var hours=Digital.getHours()
var minutes=Digital.getMinutes()
var seconds=Digital.getSeconds()

if(minutes<=9)
minutes="0"+minutes
if(seconds<=9)
seconds="0"+seconds
myclock="现在时刻：<font size='3' face='Arial black'>"+hours+":"+minutes+":"+seconds+"</font>"
if(document.layers){document.layers.liveclock.document.write(myclock)
document.layers.liveclock.document.close()
}else if(document.all)
liveclock.innerHTML=myclock
setTimeout("www_helpor_net()",1000)
}
www_helpor_net();
//-->
</SCRIPT>
          </TR>
        </TBODY>
      </TABLE>
      <span class="STYLE10"></span></TD>
      <TD width=1 bgColor=#615f64><BR></TD>
    </TR>
  </TBODY>
</TABLE>
<TABLE width=779 border=0 align=center cellPadding=0 cellSpacing=0 bordercolor="#66CCFF">
  <TBODY>
    <TR>
      <TD align="center"><table width="772" border="1" bordercolor="#66CCFF">
        <tr>
          <td width="534"><table border="0" cellpadding="0" cellspacing="0" width="520">
            <!-- fwtable fwsrc="未命名-3.png" fwbase="未命名-3.gif" fwstyle="Dreamweaver" fwdocid = "2074982960" fwnested="0" -->
            <tr>
              <td><img src="../新建文件夹 (2)/images/spacer.gif" alt="" name="undefined_2" width="104" height="1" border="0" /></td>
              <td><img src="../新建文件夹 (2)/images/spacer.gif" alt="" name="undefined_2" width="104" height="1" border="0" /></td>
              <td><img src="../新建文件夹 (2)/images/spacer.gif" alt="" name="undefined_2" width="104" height="1" border="0" /></td>
              <td><img src="../新建文件夹 (2)/images/spacer.gif" alt="" name="undefined_2" width="104" height="1" border="0" /></td>
              <td><img src="../新建文件夹 (2)/images/spacer.gif" alt="" name="undefined_2" width="104" height="1" border="0" /></td>
              <td><img src="../新建文件夹 (2)/images/spacer.gif" alt="" name="undefined_2" width="1" height="1" border="0" /></td>
            </tr>
            <tr>
              <td><a href="inde.html" target="_top" onClick="MM_nbGroup('down','navbar1','n3_r1_c1','../新建文件夹 (2)/images/未命名-3_r1_c1_f3.gif',1);" onMouseOver="MM_nbGroup('over','n3_r1_c1','../新建文件夹 (2)/images/未命名-3_r1_c1_f2.gif','../新建文件夹 (2)/images/未命名-3_r1_c1_f4.gif',1);" onMouseOut="MM_nbGroup('out');"><img name="n3_r1_c1" src="../新建文件夹 (2)/images/未命名-3_r1_c1.gif" width="104" height="31" border="0" id="n3_r1_c1" alt="" /></a></td>
              <td><a href="javascript:;" target="_top" onClick="MM_nbGroup('down','navbar1','n3_r1_c2','../新建文件夹 (2)/images/未命名-3_r1_c2_f3.gif',1);" onMouseOver="MM_nbGroup('over','n3_r1_c2','../新建文件夹 (2)/images/未命名-3_r1_c2_f2.gif','../新建文件夹 (2)/images/未命名-3_r1_c2_f4.gif',1);" onMouseOut="MM_nbGroup('out');"><img name="n3_r1_c2" src="../新建文件夹 (2)/images/未命名-3_r1_c2.gif" width="104" height="31" border="0" id="n3_r1_c2" alt="" /></a></td>
              <td><a href="photo.htm" target="_top" onClick="MM_nbGroup('down','navbar1','n3_r1_c3','../新建文件夹 (2)/images/未命名-3_r1_c3_f3.gif',1);" onMouseOver="MM_nbGroup('over','n3_r1_c3','../新建文件夹 (2)/images/未命名-3_r1_c3_f2.gif','../新建文件夹 (2)/images/未命名-3_r1_c3_f4.gif',1);" onMouseOut="MM_nbGroup('out');"><img name="n3_r1_c3" src="../新建文件夹 (2)/images/未命名-3_r1_c3.gif" width="104" height="31" border="0" id="n3_r1_c3" alt="" /></a></td>
              <td><a href="liuyan.cfm" target="_top" onClick="MM_nbGroup('down','navbar1','n3_r1_c4','../新建文件夹 (2)/images/未命名-3_r1_c4_f3.gif',1);" onMouseOver="MM_nbGroup('over','n3_r1_c4','../新建文件夹 (2)/images/未命名-3_r1_c4_f2.gif','../新建文件夹 (2)/images/未命名-3_r1_c4_f4.gif',1);" onMouseOut="MM_nbGroup('out');"><img name="n3_r1_c4" src="../新建文件夹 (2)/images/未命名-3_r1_c4.gif" width="104" height="31" border="0" id="n3_r1_c4" alt="" /></a></td>
              <td><a href="javascript:;" target="_top" onClick="MM_nbGroup('down','navbar1','n3_r1_c5','../新建文件夹 (2)/images/未命名-3_r1_c5_f3.gif',1);" onMouseOver="MM_nbGroup('over','n3_r1_c5','../新建文件夹 (2)/images/未命名-3_r1_c5_f2.gif','../新建文件夹 (2)/images/未命名-3_r1_c5_f4.gif',1);" onMouseOut="MM_nbGroup('out');"><img name="n3_r1_c5" src="../新建文件夹 (2)/images/未命名-3_r1_c5.gif" width="104" height="31" border="0" id="n3_r1_c5" alt="" /></a></td>
              <td><img src="../新建文件夹 (2)/images/spacer.gif" alt="" name="undefined_2" width="1" height="31" border="0" /></td>
            </tr>
          </table></td>
            <td width="110" align="center" valign="middle"><div align="center"><span class="STYLE3"><span onClick="var strHref=window.location.href;this.style.behavior='url(#default#homepage)';this.setHomePage('钟彪的个人主页');" style="CURSOR: hand">设为首页</span></span></div></td>
          <td width="121" align="center" valign="middle"><div align="center"><span class="STYLE3"><span style="CURSOR: hand" onClick="window.external.addFavorite('http://www.','钟彪的个人主页')" title="钟彪的个人主页">将本站加入收藏夹</span></span></div></td>
          </tr>
      </table>
      <IMG height=10 src="images/qleft1.gif" width=773 border=1></TD>
      <TD width=1 bgColor=#615f64><SPACER height="10"
type="block"></TD>
    </TR>
  </TBODY>
</TABLE>
<TABLE width=778 border=1 align=center cellPadding=0 cellSpacing=0 bordercolor="#66CCFF" bgcolor="#FFFFFF">
  <!--DWLayoutTable-->
  <TBODY>
    <TR>
      <TD width=774 height="442" valign="top"><div align="center"><a href="tupian1.html"></a><span class="STYLE3"><a href="tupian2.html"><img src="images/tu1.jpg" alt="点击看大图" width="774" height="442" border="0"></a><a href="photo1.htm" target="_top">上一页</a> 　<a href="#">下一页</a> 　<a href="#">首页</a> 　<a href="#">后页</a> </span></div></TD>
    </TR>
  </TBODY>
</TABLE>
<table width="777" border="1" align="center" bordercolor="#66CCFF">
  <tr>
    <td width="133" align="center"><a href="mailto:zhongbiaolove@ class="STYLE3">联系我们</a></td>
    <td width="226"><span class="STYLE3">@2007ICP1314520字</span></td>
    <td width="377"><span class="STYLE3">本人mail:zhongbiaolove@　　<a href="#">客户服务　 管理登陆</a></span></td>
  </tr>
</table>
搜索更多相关主题的帖子: 效果　
2007-12-14 08:40
cilubutong
Rank: 1
等　级：新手上路
帖　子：119
专家分：2
注　册：2007-5-22
第 2 楼
 得分:0 
怎么没人知道啊!
怎么没人知道啊!

全国最大的网上服装批发[url]www.[/url]
2007-12-17 09:17
luo123
Rank: 1
等　级：新手上路
威　望：2
帖　子：324
专家分：0
注　册：2007-4-13
第 3 楼
 得分:0 
有没有源文件，发上来让大家比较好帮你。

[url=http://www..cn]电子编程[/url]
2007-12-17 10:44



参与讨论请移步原网站贴子：https://bbs.bccn.net/thread-192373-1-1.html




关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有，并保留所有权利。
Powered by Discuz, Processed in 0.787293 second(s), 8 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved