移动图片问题

移动图片问题

春天没来 　14-02-21 07:39:49      

 

        小助手2朋友帮帮忙,看看我的这篇网页:
http://www.360doc.com/showweb/0/0/354239962.aspx
存在两个问题:
        1、移动速度太慢。不像4，到像1（网页中设置的移动速度为4）；
        2、6个图片不能全显示出来。只显示出第三个图片就跳转到第一个图片了。
        要告诉我原因欧，不要让技术人员修改一下就罢了。

共有4条回复

360doc小助手2    14-02-21 09:48:03                您好，技术人员查看是您的图片代码设置有问题。         在您的文章代码中有一段文字：<marquee scrollamount="4" scrolldelay="200" direction="left" width="740" height="1000">         您需要将图片的速度调快，即：scrolldelay="200"中的数字调小，移动速度将会变快。         如果您想让图片全部显示，需要修改字幕宽度，即：width="740"中的数字需要调整到4000

春天没来    14-02-22 17:09:40         小助手2朋友：         你好！         谢谢你的答复，也谢谢技术人员！         技术人员的答复，并不能使人满意。其中，有一点是正确的，就是移动标签中的延时属性，也就是两次移动操作之间的间隔时间：scrolldelay="200" 这里的属值如果设置得过大，确实是会影响移动内容的移动速度。这一点，以前我理解得不深刻。         第二点，如果想让图片全部显示，需要修改字幕宽度，即：width="740"中的数字需要调整到4000。         这一点，就答复得不能令人满意了。难道说移动图片的总宽度有多大，移动屏幕的宽度就应该设置为多宽吗？这样的网页效果太差了，也就是说，网页的宽度太宽了，网页中出现了横向滚动条了。         经过我一天来的测试，只要把移动屏幕的宽度设置为100％图片就能够全部显示出来了。 其效果见我制作的这篇文章： http://www.360doc.com/content/14/0221/21/4127803_354612392.shtml          我非常奇怪，以往在图书馆中制作移动网页，并不会出现这种情形的，现在不知是怎么了？是不是新来的技术人员修改了360图书馆服务器中的哪些数据了？

DLLC1234    14-02-22 18:02:38         春天没来馆友：          图片（文字）滚动宽度设置与图片滚动可见画面宽度设置并不是完全一回事，因此——width="740"中的数字需要调整到4000。——技术人员意见可能是正确的。这可能是画面滚动初始位子和滚动连续性所需。          另外据我检测，目前图书馆系统对于图片（文字）的滚动速度控制也是没有问题的。          仅供参考。。。。。。。

DLLC1234    14-02-22 18:11:59               请看下面我为文章模版编制的一套代码，滚动宽度都是5550，而每张滚动图片显示画面只设置为100宽。只有这样8张图片滚动才能同步，整体显示好像一张图片在滚动。  <DIV align=center>   <TABLE style="BORDER-BOTTOM: #006600 3px ridge; POSITION: relative; BORDER-LEFT: #006600 3px ridge; BORDER-TOP: #006600 3px ridge; TOP: 0px; BORDER-RIGHT: #006600 3px ridge; LEFT: 0px" id=table1 title="" border=3 cellSpacing=0 cellPadding=0 width=950 bgColor=#abd1a0 height=0>   <TBODY>   <TR>   <TD>   <TABLE style="POSITION: relative; WIDTH: 950px; TOP: 0px" id=table1 title=dllc1234制作 background="" align=center height=251>   <TBODY>   <TR>   <TD>   <MARQUEE style="Z-INDEX: 70; BORDER-BOTTOM: #008080 3px ridge; POSITION: absolute; BORDER-LEFT: #008080 3px ridge; BORDER-TOP: #008080 3px ridge; TOP: 3px; BORDER-RIGHT: #008080 3px ridge; LEFT: 2px" direction=right height=240 behavior=alternate width=100 scrollAmount=1 scrollDelay=50>   <TABLE style="BACKGROUND-POSITION: 840px 0px" id=table2 border=0 width=5550 background=http://userimage2.360doc.com/12/0427/05/2904667_201204270513380590.jpg height=300>   <TBODY>   <TR>   <TD>　</TD></TR></TBODY></TABLE></MARQUEE>   <MARQUEE style="Z-INDEX: 60; BORDER-BOTTOM: #008080 3px ridge; POSITION: absolute; BORDER-LEFT: #008080 3px ridge; BORDER-TOP: #008080 3px ridge; TOP: 3px; BORDER-RIGHT: #008080 3px ridge; LEFT: 122px" direction=right height=240 behavior=alternate width=100 scrollAmount=1 scrollDelay=50>   <TABLE style="BACKGROUND-POSITION: 720px 0px" id=table2 border=0 width=5550 background=http://userimage2.360doc.com/12/0427/05/2904667_201204270513380590.jpg height=300>   <TBODY>   <TR>   <TD></TD></TR></TBODY></TABLE></MARQUEE>   <MARQUEE style="Z-INDEX: 50; BORDER-BOTTOM: #008080 3px ridge; POSITION: absolute; BORDER-LEFT: #008080 3px ridge; BORDER-TOP: #008080 3px ridge; TOP: 3px; BORDER-RIGHT: #008080 3px ridge; LEFT: 242px" direction=right height=240 behavior=alternate width=100 scrollAmount=1 scrollDelay=50>   <TABLE style="BACKGROUND-POSITION: 600px 0px" id=table2 border=0 width=5550 background=http://userimage2.360doc.com/12/0427/05/2904667_201204270513380590.jpg height=300>   <TBODY>   <TR>   <TD>　</TD></TR></TBODY></TABLE></MARQUEE>   <MARQUEE style="Z-INDEX: 40; BORDER-BOTTOM: #008080 3px ridge; POSITION: absolute; BORDER-LEFT: #008080 3px ridge; BORDER-TOP: #008080 3px ridge; TOP: 3px; BORDER-RIGHT: #008080 3px ridge; LEFT: 362px" direction=right height=240 behavior=alternate width=100 scrollAmount=1 scrollDelay=50>   <TABLE style="BACKGROUND-POSITION: 480px 0px" id=table2 border=0 width=5550 background=http://userimage2.360doc.com/12/0427/05/2904667_201204270513380590.jpg height=300>   <TBODY>   <TR>   <TD>　</TD></TR></TBODY></TABLE></MARQUEE>   <MARQUEE style="Z-INDEX: 30; BORDER-BOTTOM: #008080 3px ridge; POSITION: absolute; BORDER-LEFT: #008080 3px ridge; BORDER-TOP: #008080 3px ridge; TOP: 3px; BORDER-RIGHT: #008080 3px ridge; LEFT: 482px" title="" direction=right height=240 behavior=alternate width=100 scrollAmount=1 scrollDelay=50>   <TABLE style="BACKGROUND-POSITION: 360px 0px" id=table2 border=0 width=5550 background=http://userimage2.360doc.com/12/0427/05/2904667_201204270513380590.jpg height=300>   <TBODY>   <TR>   <TD>　</TD></TR></TBODY></TABLE></MARQUEE>   <MARQUEE style="Z-INDEX: 20; BORDER-BOTTOM: #008080 3px ridge; POSITION: absolute; BORDER-LEFT: #008080 3px ridge; BORDER-TOP: #008080 3px ridge; TOP: 3px; BORDER-RIGHT: #008080 3px ridge; LEFT: 602px" direction=right height=240 behavior=alternate width=100 scrollAmount=1 scrollDelay=50>   <TABLE style="BACKGROUND-POSITION: 240px 0px" id=table2 border=0 width=5550 background=http://userimage2.360doc.com/12/0427/05/2904667_201204270513380590.jpg height=300>   <TBODY>   <TR>   <TD>　</TD></TR></TBODY></TABLE></MARQUEE>   <MARQUEE style="Z-INDEX: 10; BORDER-BOTTOM: #008080 3px ridge; POSITION: absolute; BORDER-LEFT: #008080 3px ridge; BORDER-TOP: #008080 3px ridge; TOP: 3px; BORDER-RIGHT: #008080 3px ridge; LEFT: 722px" direction=right height=240 behavior=alternate width=100 scrollAmount=1 scrollDelay=50>   <TABLE style="BACKGROUND-POSITION: 120px 0px" id=table2 border=0 width=5550 background=http://userimage2.360doc.com/12/0427/05/2904667_201204270513380590.jpg height=300>   <TBODY>   <TR>   <TD>　</TD></TR></TBODY></TABLE></MARQUEE>   <MARQUEE style="Z-INDEX: 5; BORDER-BOTTOM: #008080 3px ridge; POSITION: absolute; BORDER-LEFT: #008080 3px ridge; BORDER-TOP: #008080 3px ridge; TOP: 3px; BORDER-RIGHT: #008080 3px ridge; LEFT: 842px" direction=right height=240 behavior=alternate width=100 scrollAmount=1 scrollDelay=50>   <TABLE style="BACKGROUND-POSITION: 0px 0px" id=table2 border=0 width=5550 background=http://userimage2.360doc.com/12/0427/05/2904667_201204270513380590.jpg height=300>   <TBODY>   <TR>   <TD>　 </TD></TR></TBODY></TABLE></MARQUEE></TD></TR></TBODY></TABLE>   <DIV>   <TABLE style="POSITION: relative; WIDTH: 950px; TOP: 0px" id=table1 title=dllc1234制作 background=http://userimage2.360doc.com/12/0427/17/2904667_201204271753030465.jpg align=center height=372>   <TBODY>   <TR>   <TD>   <DIV style="POSITION: absolute; TOP: 5px; LEFT: 0px" class=divBorderStyle><EMBED height=400 type=application/x-shockwave-flash width=460 src=http://pendant.360doc.com/1/14.swf 第一个FLASH wmode="transparent" quality="high"></EMBED></DIV>   <DIV style="POSITION: absolute; TOP: 60px; LEFT: 80px" class=divBorderStyle>   <DIV align=center>   <DIV style="FILTER: shadow(color=#000000, strength=10); WIDTH: 800px; HEIGHT: 135px"><FONT style="LINE-HEIGHT: normal; FONT-VARIANT: normal; FONT-STYLE: normal; COLOR: #abd1a7; FONT-SIZE: 50pt; FONT-WEIGHT: normal" face=黑体><STRONG>文 章 题 目<BR><BR></STRONG></FONT></DIV></DIV></DIV>   <DIV style="POSITION: absolute; TOP: 150px; LEFT: 400px" class=divBorderStyle>   <P align=center><FONT style="FONT-FAMILY: 宋体; FONT-SIZE: 24px" color=#006600><STRONG>文章作者署名<BR></STRONG></FONT></P></DIV></TD></TR></TBODY></TABLE></DIV>   <DIV>   <TABLE style="POSITION: relative; WIDTH: 950px; TOP: 0px" id=table1 title=dllc1234制作 background=http://userimage2.360doc.com/12/0427/17/2904667_201204271753030918.jpg align=center height=890>   <TBODY>   <TR>   <TD width=20>   <TD><BR>   <TABLE style="BORDER-BOTTOM-STYLE: dotted; BORDER-RIGHT-STYLE: dotted; BORDER-TOP-STYLE: dotted; BORDER-LEFT-STYLE: dotted" border=10 cellSpacing=0 borderColor=#006600 cellPadding=20 width=510 align=center>   <TBODY>   <TR>   <TD><BR>   <P style="TEXT-INDENT: 3em" align=left><FONT color=#006600 size=5 face=隶书>使用方法：在编辑状态下，按住鼠标左键，将这里的文字与下面的图片图蓝，然后将你的文字或图表复制、粘贴。（千万注意：图表宽度不能超过500，否则就要在代码状态下，由里向外调整设置数据。）</FONT></P>   <P style="TEXT-INDENT: 3em" align=left><FONT color=#006600 size=5 face=隶书>文章标题与作者署名的置换方法同上，只是要分别进行。或者在代码状态下，找到原汉字删除重写，其他不动。</FONT></P>   <P align=center><IMG src="http://userimage2.360doc.com/12/0428/05/2904667_201204280507240168.gif"></P></TD></TR></TBODY></TABLE><BR><BR></TD></TR></TBODY></TABLE></DIV>   <DIV style="POSITION: absolute; TOP: 50px; LEFT: 500px" class=divBorderStyle>   <TABLE>   <TBODY>   <TR>   <TD><IMG style="WIDTH: 612px; HEIGHT: 918px" src="http://image51.360doc.com/DownloadImg/2012/04/2700/23557668_1.gif" width=612 height=1095> </TD></TR></TBODY></TABLE></DIV>   <DIV>   <TABLE style="POSITION: relative; WIDTH: 950px; TOP: 0px" id=table1 title=dllc1234制作 background=http://userimage2.360doc.com/12/0427/17/2904667_201204271753020512.jpg align=center height=250>   <TBODY>   <TR>   <TD>   <P align=center>      <IMG class=restrictImg src="http://image15.360doc.com/DownloadImg/2010/10/1016/5879277_121.jpg"></P><BR><BR><BR><BR><BR><BR></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></DIV><EMBED height=1 type=application/x-mplayer2 width=1 loop="true" autoplay="false" filename="http://bbs.jyzx./bbs_downloadAttachment.do?fileName=2008/9/13/2_4725.wma" showdisplay="0" showstatusbar="0" showgotobar="0" autostart="TRUE" playcount="0" volume="0"> </EMBED>  实际效果见http://www.360doc.com/content/12/0428/02/2904667_207171730.shtml

春天没来    14-02-23 18:52:42                 DLLC1234老师的这篇作品http://www.360doc.com/content/12/0428/02/2904667_207171730.shtml是在一个居中的块区内（我把这个标签<div>叫做块区标签，很可能不规范，就当它是个别名吧）放入了一个总表格。 总表格内共有5个内容：         第一个内容是一个950×251的表格。表格中用了8个宽度为100px的移动标签各控制一个5550×300的表格，这8个表格的背景图片都是：http://userimage2.360doc.com/12/0427/05/2904667_201204270513380590.jpg  。         第二个内容是一个950×372的表格，背景图片为：http://userimage2.360doc.com/12/0427/17/2904667_201204271753030465.jpg（切割图片1），在这个表格中放入了动画图片：http://pendant.360doc.com/1/14.swf（牵牛花）、文章标题、文章作者署名等内容。         第三个内容是一个950×890的表格，背景图片为：http://userimage2.360doc.com/12/0427/17/2904667_201204271753030918.jpg（切割图片2）。         这个表格的第一个单元格是宽度为20px的空单元格；第二个单元格设置了三个段落分别放入两段说明文字与一个图片：http://userimage2.360doc.com/12/0428/05/2904667_201204280507240168.gif（女人的正面像）。         第四个内容是一个表格。表格中放入了612×1095的图片：http://image51.360doc.com/DownloadImg/2012/04/2700/23557668_1.gif（女人背面像）。         第五个内容是一个950×250的表格，背景图片为：http://userimage2.360doc.com/12/0427/17/2904667_201204271753020512.jpg（切割图片3）。单元格中放入了小插图：http://image15.360doc.com/DownloadImg/2010/10/1016/5879277_121.jpg（动态两女人）         总表格的下面放入了一个内容：是隐藏了的口哨音乐。         DLLC1234老师巧妙地应用了相对定位与绝对定位相结合的方法，设置了不同的定位样式，设置了精确的移动标签，设置了各个图片的规格，应用了多种技术手段，组成了一幅精美的画面。         DLLC1234老师的整篇网页代码，简洁清楚，无多余的累赘代码。真让人佩服，真让人羡慕，使学生我望尘莫及。我一定要继续以您为楷模，深入钻研代码知识，争取制作出像这样的网页来。

春天没来    14-02-23 20:34:45               移动图片的制作问题，经过许多次的试验测试，终于有点儿眉目了。现将试验结果公示如下，不妥之处，期望大家指导。         用一个移动标签控制若干张图片，怎样才能够让图片全部显示出来呢？经过反复试验，总结出下列几种类型：         类型一：         表格中放入移动标签，移动标签控制若干张图片，移动屏幕的宽度设置为：style="WIDTH: 100%"，图片都能显示出来。 见： http://www.360doc.com/content/14/0221/21/4127803_354608874.shtml         类型二：         直接用移动标签控制若干张图片，移动屏幕的宽度设置为：style="width: 700px;"，移动标签中添加“来回走”的属性：behavior="alternate"，图片都能显示出来。 见：http://www.360doc.com/content/14/0221/19/4127803_354573068.shtml         类型三：         直接用移动标签控制若干张图片，移动屏幕的宽度设置为：style="width: 700px;"，移动标签中没有“来回走”的属性：behavior="alternate"，只能显示两张图片。 见：http://www.360doc.com/content/14/0221/21/4127803_354605486.shtml         类型四：         直接用移动标签控制若干张图片，移动屏幕的宽度设置为：style="WIDTH: 100%"，不添加“来回走”的属性：behavior="alternate"，图片都能显示出来。 见：http://www.360doc.com/content/14/0221/21/4127803_354612392.shtml         类型五：         直接用移动标签控制若干张图片，移动屏幕的宽度缺省（就是不设置），图片都能显示出来。 见：http://www.360doc.com/showWeb/0/0/354988307.aspx         由此可见，用一个移动标签控制若干张图片，图片不能全部显示出来的原因在于“移动屏幕宽度”设置得不合理：         如果用具体的数字设置移动屏幕的宽度值，当若干张图片的总宽度超过移动屏幕宽度的2倍以上时，图片不能够全部显示出来。如果移动屏幕的宽度用百分比：style="WIDTH: 100%"设置或者缺省移动屏幕的宽度时，图片就能够全部显示出来。         这个事实究竟是什么道理？我很难理解。但是，结果若干次的试验测试，事实就是如此啊。我慢慢地再悟吧。         在此，我再次谢谢DLLC1234老师、360doc小助手2朋友以及图书馆技术人员的帮助指导！也谢谢各位关注此贴的朋友们！         顺祝朋友们马年万事如意！