当前位置:编程问答 > JS >

高手帮忙写段js

问题:就像图片显示的那样。。点击下面的小图会对应到上面放大显示。。。谢谢
追问:- -可是出于某些原因,我只能用那个。。你的ID的样式呢- -。。我显示出来好怪最好是点左边那个箭头会向左边滚动,右边箭头向右边滚动。。。然后点图片会显示到上面的大图
都可以,只要是能放在dreamweaver里面的的就行。。3Q啊
答案:这个更漂亮:
<DIV id=demo3 style="OVERFLOW: hidden; WIDTH: 596px">
      <TABLE cellSpacing=3 cellPadding=0 width=596 align=center border=0 
      cellspace="0">
        <TBODY>
        <TR>
          <TD id=demo4 noWrap>
            <TABLE cellSpacing=4 cellPadding=0 width="100%" border=0>
              <TBODY>
              <TR vAlign=center align=middle>
                <TD><A 
                  href="C:\FengzeWeb\resource\pic\SUNP0883.JPG" 
                  target=_blank><IMG onmouseover=high(this) 
                  style="BORDER-RIGHT: #cccccc 1px dotted; BORDER-TOP: #cccccc 1px dotted; FILTER: alpha(opacity=100); BORDER-LEFT: #cccccc 1px dotted; BORDER-BOTTOM: #cccccc 1px dotted" 
                  onmouseout=higho(); height=110 hspace=3 
                  src="images/SUNP001.jpg" 
                  width=165 vspace=3 border=0 
                  dypop="<img src='images/showphoto/SUN01.jpg' width=400 onload = 'DrawImage(this,400,267)'/>"></A></TD>
                <TD><A 
                  href="C:\FengzeWeb\resource\pic\SUNP0883.JPG" 
                  target=_blank><IMG onmouseover=high(this) 
                  style="BORDER-RIGHT: #cccccc 1px dotted; BORDER-TOP: #cccccc 1px dotted; FILTER: alpha(opacity=100); BORDER-LEFT: #cccccc 1px dotted; BORDER-BOTTOM: #cccccc 1px dotted" 
                  onmouseout=higho(); height=110 hspace=3 
                  src="images/SUNP002.jpg" 
                  width=165 vspace=3 border=0 
                  dypop="<img src='images/showphoto/SUN02.jpg' width=400 onload = 'DrawImage(this,400,267)'/>"></A></TD>
                <TD><A 
                  href="C:\FengzeWeb\resource\pic\SUNP0883.JPG" 
                  target=_blank><IMG onmouseover=high(this) 
                  style="BORDER-RIGHT: #cccccc 1px dotted; BORDER-TOP: #cccccc 1px dotted; FILTER: alpha(opacity=100); BORDER-LEFT: #cccccc 1px dotted; BORDER-BOTTOM: #cccccc 1px dotted" 
                  onmouseout=higho(); height=110 hspace=3 
                  src="images/SUNP003.jpg" 
                  width=165 vspace=3 border=0 
                  dypop="<img src='images/showphoto/SUN03.jpg' width=400 onload = 'DrawImage(this,400,267)'/>"></A></TD>
                <TD><A 
                  href="C:\FengzeWeb\resource\pic\SUNP0883.JPG" 
                  target=_blank><IMG onmouseover=high(this) 
                  style="BORDER-RIGHT: #cccccc 1px dotted; BORDER-TOP: #cccccc 1px dotted; FILTER: alpha(opacity=100); BORDER-LEFT: #cccccc 1px dotted; BORDER-BOTTOM: #cccccc 1px dotted" 
                  onmouseout=higho(); height=110 hspace=3 
                  src="images/SUNP004.jpg" 
                  width=165 vspace=3 border=0 
                  dypop="<img src='images/showphoto/SUN04.jpg' width=400 onload = 'DrawImage(this,400,267)'/>"></A></TD>
                <TD><A 
                  href="C:\FengzeWeb\resource\pic\SUNP0883.JPG" 
                  target=_blank><IMG onmouseover=high(this) 
                  style="BORDER-RIGHT: #cccccc 1px dotted; BORDER-TOP: #cccccc 1px dotted; FILTER: alpha(opacity=100); BORDER-LEFT: #cccccc 1px dotted; BORDER-BOTTOM: #cccccc 1px dotted" 
                  onmouseout=higho(); height=110 hspace=3 
                  src="images/SUNP005.jpg" 
                  width=165 vspace=3 border=0 
                  dypop="<img src='images/showphoto/SUN05.jpg' width=400 onload = 'DrawImage(this,400,267)'/>"></A></TD>
                <TD><A 
                  href="C:\FengzeWeb\resource\pic\SUNP0883.JPG" 
                  target=_blank><IMG onmouseover=high(this) 
                  style="BORDER-RIGHT: #cccccc 1px dotted; BORDER-TOP: #cccccc 1px dotted; FILTER: alpha(opacity=100); BORDER-LEFT: #cccccc 1px dotted; BORDER-BOTTOM: #cccccc 1px dotted" 
                  onmouseout=higho(); height=110 hspace=3 
                  src="images/SUNP006.jpg" 
                  width=165 vspace=3 border=0 
                  dypop="<img src='images/showphoto/SUN06.jpg' width=400 onload = 'DrawImage(this,400,267)'/>"></A></TD>
                 <TD><A 
                  href="C:\FengzeWeb\resource\pic\SUNP0883.JPG" 
                  target=_blank><IMG onmouseover=high(this) 
                  style="BORDER-RIGHT: #cccccc 1px dotted; BORDER-TOP: #cccccc 1px dotted; FILTER: alpha(opacity=100); BORDER-LEFT: #cccccc 1px dotted; BORDER-BOTTOM: #cccccc 1px dotted" 
                  onmouseout=higho(); height=110 hspace=3 
                  src="images/SUNP007.jpg" 
                  width=165 vspace=3 border=0 
                  dypop="<img src='images/showphoto/SUN07.jpg' width=400 onload = 'DrawImage(this,400,267)'/>"></A></TD>
                <TD><A 
                  href="C:\FengzeWeb\resource\pic\SUNP0883.JPG" 
                  target=_blank><IMG onmouseover=high(this) 
                  style="BORDER-RIGHT: #cccccc 1px dotted; BORDER-TOP: #cccccc 1px dotted; FILTER: alpha(opacity=100); BORDER-LEFT: #cccccc 1px dotted; BORDER-BOTTOM: #cccccc 1px dotted" 
                  onmouseout=higho(); height=110 hspace=3 
                  src="images/SUNP008.jpg" 
                  width=165 vspace=3 border=0 
                  dypop="<img src='images/showphoto/SUN08.jpg' width=400 onload = 'DrawImage(this,400,267)'/>"></A></TD>
				  <TD><A 
                  href="C:\FengzeWeb\resource\pic\SUNP0883.JPG" 
                  target=_blank><IMG onmouseover=high(this) 
                  style="BORDER-RIGHT: #cccccc 1px dotted; BORDER-TOP: #cccccc 1px dotted; FILTER: alpha(opacity=100); BORDER-LEFT: #cccccc 1px dotted; BORDER-BOTTOM: #cccccc 1px dotted" 
                  onmouseout=higho(); height=110 hspace=3 
                  src="images/SUNP009.jpg" 
                  width=165 vspace=3 border=0 
                  dypop="<img src='images/showphoto/SUN09.jpg' width=400 onload = 'DrawImage(this,400,267)'/>"></A></TD>
                <!--<TD><A href="http://www.zhaoxi.net/" target=_blank><IMG 
                  height=110 src="images/SUNP0895.jpg" 
                  width=165 border=0></A></TD>
                <TD><A href="http://www.zhaoxi.net/" target=_blank><IMG 
                  height=110 src="images/SUNP0895.jpg" 
                  width=165 border=0></A></TD>--></TR></TBODY></TABLE></TD>
          <TD id=demo5 noWrap></TD></TR></TBODY></TABLE></DIV>
其他:1,用jquery行不?
2,下面的小图片需要自动滚动么?
3,滚到最后一个,需要从头开始滚呢,还是静止不动了? 

上一个:js 点得快没反应
下一个:JS代码在标准浏览器下正常,在IE下不行 解决后加分

CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,