查看完整版本: 图片滚动展示方法

ker 2007-5-4 11:28

图片滚动展示方法

<DIV style="FONT-SIZE: 16px">
<P>&nbsp;</P>
<P>&nbsp;</P>
<MARQUEE style="WIDTH: 731px; HEIGHT: 242px" scrollAmount=1 direction=up><FONT color=#fffff0 size=4><FONT color=#d52b4d size=6><FONT color=#cc3333><FONT face=隶书 size=4><FONT color=#80ff80><SPAN style="FONT-SIZE: 10.5pt; FONT-FAMILY: 宋体; mso-bidi-font-size: 12.0pt; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman'; mso-bidi-font-family: 'Times New Roman'; mso-font-kerning: 1.0pt; mso-ansi-language: EN-US; mso-fareast-language: ZH-CN; mso-bidi-language: AR-SA"><FONT color=#990000 size=4><SPAN style="FONT-SIZE: 10.5pt; COLOR: black; FONT-FAMILY: 宋体; mso-ascii-font-family: Tahoma; mso-hansi-font-family: Tahoma; mso-bidi-font-family: Tahoma; mso-font-kerning: 1.0pt; mso-ansi-language: EN-US; mso-fareast-language: ZH-CN; mso-bidi-language: AR-SA"><SPAN style="FONT-SIZE: 14pt; COLOR: black; FONT-FAMILY: 隶书; mso-hansi-font-family: Tahoma; mso-bidi-font-family: Tahoma">
<P class=MsoNormal style="MARGIN: 0cm 0cm 0pt; TEXT-INDENT: 28pt; mso-char-indent-count: 2.0" align=center><FONT color=red>你可以在本编辑框里添加图片和文字说明</FONT></P>
<P class=MsoNormal style="MARGIN: 0cm 0cm 0pt; TEXT-INDENT: 28pt; mso-char-indent-count: 2.0" align=left>&nbsp;</P>
<P class=MsoNormal style="MARGIN: 0cm 0cm 0pt; TEXT-INDENT: 28pt; mso-char-indent-count: 2.0" align=center><IMG title="" style="WIDTH: 400px; CURSOR: pointer" height=200 src="http://www.ukoo.net/bbs/attachments/month_0702/LiuFang03_szAksvbVNL2E.jpg" width=425 pop="点击图片可在新窗口打开">&nbsp;<BR></P></SPAN></SPAN></FONT></SPAN></FONT></FONT></FONT></FONT></FONT></MARQUEE>
<P>&nbsp;</P>
<P class=MsoNormal style="MARGIN: 0cm 0cm 0pt; TEXT-INDENT: 28pt; mso-char-indent-count: 2.0" align=left><FONT color=navy>给朋友们提供一个滚动编辑框(自下而上)。你可以删掉编辑框里我的那些留言和图片并在编辑框里添加自己想发表的图片(N张都没问题)或文字和音乐。编辑时只要把编辑框激活(双击框内)就可以了,纵横均可。编辑完成后按帖子需要调整最佳长宽度便可。(记住贴图用网络地址链接或直接复制网络图片粘帖进来就行)</FONT></P>
<P class=MsoNormal style="MARGIN: 0cm 0cm 0pt; TEXT-INDENT: 28pt; mso-char-indent-count: 2.0" align=left><FONT color=navy>当你要发的帖子里图片或文字内容比较多,又不想让帖子尺幅太大,那么滚动展示是很好的办法。当然,不是什么内容都必须放到框里的,比如主题图片就可以固定显示,总之要因应帖子总体设计的需要。呵呵!希望对大家有帮助。</FONT></P>
<P class=MsoNormal style="MARGIN: 0cm 0cm 0pt; TEXT-INDENT: 28pt; mso-char-indent-count: 2.0" align=left>&nbsp;</P>
<P class=MsoNormal style="MARGIN: 0cm 0cm 0pt; TEXT-INDENT: 28pt; mso-char-indent-count: 2.0" align=left><FONT color=darkgreen>附图说明:编辑框激活的状态(</FONT><FONT color=#000080>拖动空心小方格能将编辑框同向拉开或缩进)</FONT></P>
<P class=MsoNormal style="MARGIN: 0cm 0cm 0pt; TEXT-INDENT: 28pt; mso-char-indent-count: 2.0" align=left><FONT color=#006400></FONT>&nbsp;</P>
<P class=MsoNormal style="MARGIN: 0cm 0cm 0pt; TEXT-INDENT: 28pt; mso-char-indent-count: 2.0" align=left>&nbsp;</P></DIV>
<P><BR><BR><IMG class=absmiddle alt="" src="http://www.jinrong8.com/bbs/images/attachicons/image.gif" border=0><A title=查看积分策略说明 href="http://www.jinrong8.com/bbs/member.php?action=credits&amp;view=getattach" target=_blank><FONT color=#0000ff>图片附件</FONT></A>: <A class=bold href="http://www.jinrong8.com/bbs/attachment.php?aid=12173" target=_blank><FONT color=#0000ff>编辑框激活状态.jpg</FONT></A> (2007-5-4 10:10, 52.25 K)<BR><BR><IMG onmousewheel="return imgzoom(this);" onmouseover="if(this.resized) this.style.cursor='hand';" onclick="if(!this.resized) {return false;} else {window.open('attachments/month_0705/seC8rbyvKS77g==_lnF3v6Nm9udZ.jpg');}" alt="" src="http://www.jinrong8.com/bbs/attachments/month_0705/seC8rbyvKS77g==_lnF3v6Nm9udZ.jpg" onload="if(this.width >screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='点击在新窗口查看全图\nCTRL+鼠标滚轮放大或缩小';}" border=0>&nbsp;</P>
<P>&nbsp;</P>
<DIV style="FONT-SIZE: 16px">把移动编辑框刷黑复制下来粘帖到自己的编辑界面就行!<IMG alt="" src="http://www.jinrong8.com/bbs/images/smilies/lol.gif" border=0 smilieid="12">&nbsp;</DIV>
<P><BR><BR><IMG class=absmiddle alt="" src="http://www.jinrong8.com/bbs/images/attachicons/image.gif" border=0><A title="" href="http://www.jinrong8.com/bbs/member.php?action=credits&amp;view=getattach" target=_blank pop="查看积分策略说明"><FONT color=#0000ff>图片附件</FONT></A>: <A class=bold href="http://www.jinrong8.com/bbs/attachment.php?aid=12174" target=_blank><FONT color=#0000ff>编辑框复制状态.jpg</FONT></A> (2007-5-4 10:47, 37.94 K)<BR><BR><IMG onmousewheel="return imgzoom(this);" onmouseover="if(this.resized) this.style.cursor='hand';" onclick="if(!this.resized) {return false;} else {window.open('attachments/month_0705/seC8rbyuLTWxg==_Uoiw1CCStSIi.jpg');}" alt="" src="http://www.jinrong8.com/bbs/attachments/month_0705/seC8rbyuLTWxg==_Uoiw1CCStSIi.jpg" onload="if(this.width >screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='点击在新窗口查看全图\nCTRL+鼠标滚轮放大或缩小';}" border=0></P>
<P>&nbsp;</P>
<P>&nbsp;</P>
<P><SPAN class=bold>代码编辑</SPAN><BR><BR></P>
<DIV style="FONT-SIZE: 16px">
<P>代码编辑需要先点开“Discuz!代码模式”。图中刷黑部分是图片链接的位置,如果不采取直接复制粘帖图片的方法,则把图片的网络地址粘帖到此处就行。(我在主帖里没有放置音乐,是因为感觉音乐在移动框里设置不是理想的形式)</P>
<P>&nbsp;</P>
<P>&nbsp;</P></DIV>
<P><BR><BR><IMG class=absmiddle alt="" src="http://www.jinrong8.com/bbs/images/attachicons/image.gif" border=0><A title="" href="http://www.jinrong8.com/bbs/member.php?action=credits&amp;view=getattach" target=_blank pop="查看积分策略说明"><FONT color=#0000ff>图片附件</FONT></A>: <A class=bold href="http://www.jinrong8.com/bbs/attachment.php?aid=12175" target=_blank><FONT color=#0000ff>代码编辑模式.jpg</FONT></A> (2007-5-4 11:02, 59.33 K)<BR><BR><IMG onmousewheel="return imgzoom(this);" onmouseover="if(this.resized) this.style.cursor='hand';" onclick="if(!this.resized) {return false;} else {window.open('attachments/month_0705/tPrC67HgvK3Eow==_bIO5JWTiM3sG.jpg');}" alt="" src="http://www.jinrong8.com/bbs/attachments/month_0705/tPrC67HgvK3Eow==_bIO5JWTiM3sG.jpg" onload="if(this.width >screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='点击在新窗口查看全图\nCTRL+鼠标滚轮放大或缩小';}" border=0></P>
<P>&nbsp;</P>
<P>&nbsp;</P>

ker 2007-5-4 11:32

我看贴图吧里朋友们发的图都很多,而且都是附件形式上传的多,因此想给大家介绍个新的方法,可以使大家的图帖变得更生动活泼。希望能帮助有需要的朋友。:lol#

173 2007-5-4 11:39

<P><FONT size=6>[fly]<FONT size=5><FONT color=#ff00ff>好帖 向ker 老师学习<IMG alt="" src="images/smilies/lol.gif" border=0 smilieid="12"> </FONT></FONT>[/fly]</FONT></P>
<P><FONT size=6></FONT>&nbsp;</P>
<P>[flash]http://bbs.leshan.cn/hslk/mlplayer.swf[/flash]</P>

[[i] 本帖最后由 173 于 2007-5-10 07:07 编辑 [/i]]

baby 2007-5-4 14:38

学习学习

战无不胜之股魂 2007-5-26 06:36

<P><IMG title="" style="WIDTH: 400px; CURSOR: pointer" height=200 src="http://www.ukoo.net/bbs/attachments/month_0702/LiuFang03_szAksvbVNL2E.jpg" width=425 pop="点击图片可在新窗口打开">不会用。没法激活</P>

jack 2007-9-15 02:11

谢谢提供

楚国浪子 2007-10-2 16:13

难度太高了!:lol#

n-e-t 2007-12-3 20:40

谢谢KER版。。。

以静制动 2007-12-26 16:12

:@# :@# :@#

gzber 2008-1-21 16:36

<SPAN style="FONT-SIZE: 10.5pt; FONT-FAMILY: 宋体; mso-bidi-font-size: 12.0pt; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman'; mso-bidi-font-family: 'Times New Roman'; mso-font-kerning: 1.0pt; mso-ansi-language: EN-US; mso-fareast-language: ZH-CN; mso-bidi-language: AR-SA"><FONT color=#990000 size=4><SPAN style="FONT-SIZE: 10.5pt; COLOR: black; FONT-FAMILY: 宋体; mso-ascii-font-family: Tahoma; mso-hansi-font-family: Tahoma; mso-bidi-font-family: Tahoma; mso-font-kerning: 1.0pt; mso-ansi-language: EN-US; mso-fareast-language: ZH-CN; mso-bidi-language: AR-SA"><SPAN style="FONT-SIZE: 14pt; COLOR: black; FONT-FAMILY: 隶书; mso-hansi-font-family: Tahoma; mso-bidi-font-family: Tahoma">&nbsp;
<P class=MsoNormal style="MARGIN: 0cm 0cm 0pt; TEXT-INDENT: 28pt; mso-char-indent-count: 2.0" align=center><FONT color=red>你可以在本编辑框里添加图片和文字说明</FONT></P>
<P class=MsoNormal style="MARGIN: 0cm 0cm 0pt; TEXT-INDENT: 28pt; mso-char-indent-count: 2.0" align=left>&nbsp;</P>
<P class=MsoNormal style="MARGIN: 0cm 0cm 0pt; TEXT-INDENT: 28pt; mso-char-indent-count: 2.0" align=center><IMG title="" style="WIDTH: 400px; CURSOR: pointer" height=200 src="http://www.ukoo.net/bbs/attachments/month_0702/LiuFang03_szAksvbVNL2E.jpg" width=425 pop="点击图片可在新窗口打开">&nbsp;<BR></P></SPAN></SPAN></FONT></SPAN>
<P>&nbsp;</P>

abbcz 2008-4-5 19:54

<MARQUEE scrollAmount=1 scrollDelay=3 valign="middle"><IMG src="http://www.ukoo.net/bbs/attachments/month_0702/LiuFang03_szAksvbVNL2E.jpg" border=0></MARQUEE>

lmno224 2008-5-25 02:46

洒水车

*** 作者被禁止或删除 内容自动屏蔽 ***
页: [1]
查看完整版本: 图片滚动展示方法