登录  
 加关注
查看详情
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

敬天爱人

我们活着的意义和人生的价值就是提高身心修养、磨练灵魂。

 
 
 

日志

 
 

图片不间断滚动代码  

2012-05-13 12:24:28|  分类: Flash代码 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

  如果你在图片上写日志,定会令人刮目相看。那么,如何将你的文字写在漂亮的图片上呢?下面,就让你和我一道实现这个愿望吧!

 

一,制作实例效果

 

 

望庐山瀑布

日照香炉生紫烟,

遥看瀑布挂前川。

飞流直下三千尺,

疑是银河落九天。

 
 
二,实例代码:
<DIV align=center>
<TABLE border=0 width=450 background=http://img624.ph.126.net/gFQLsrD-82IOqF9gu5YnGA==/1716434407983363940.gif align=center>
<TBODY>
<TR>
<TD>
<P align=center><STRONG><FONT color=#ff0000 size=5 face=楷体_GB2312></FONT></STRONG>&nbsp;</P>
<P align=center><STRONG><FONT color=#ff0000 size=5 face=楷体_GB2312>望庐山瀑布</FONT></STRONG></P>
<P align=center><STRONG><FONT color=#ff0000 size=5>日照香炉生紫烟,</FONT></STRONG></P>
<P align=center><STRONG><FONT color=#ff0000 size=5>遥看瀑布挂前川。</FONT></STRONG></P>
<P align=center><STRONG><FONT color=#ff0000 size=5>飞流直下三千尺,</FONT></STRONG></P>
<P align=center><STRONG><FONT color=#ff0000 size=5>疑是银河落九天。 
<P></P></FONT></STRONG></TD></TR></TBODY></TABLE></DIV>
,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,
三,代码注释

*上述代码中width=图片宽度     你可在原图规格范围内根据你的需要自行向小规格调整。

*color=#ff0000 (表示字体颜色) size=5  (表示字的大小 face=楷体_GB2312 表示字体类型这些你仅做一了解即可,不必刻意设置.。它会随你写日志的操作而自动变化。

*http://img624.ph.126.net/gFQLsrD-82IOqF9gu5YnGA==/1716434407983363940.gif( 表示图片地址")

四,制作程序

          1,  首先,你要选好图片格式和大小(图片格式通常以“JPG” “GIF”“PNG”格式为主。一般情况下,你应根据日志文字的行宽和纵向高度来选择图片的规格。如要调整图片的宽和高,只能在图片原规格范围内往小调整,不能超过图片的原规格而调大。若要超过原规格调大,请下载后使用相关软件调整。有关图片地址的获取方法见本文“五,网上图片地址的获取方法:

       2,用鼠标对着上述实例代码中的尾端按下左键,拖至代码首端释放左键(将该组代码罩色选定),然后,鼠标对着罩色选区点右键,在出现的菜单中选点复制(将该组代码完整复制)。

       3,置入博客日志页面的方法:

        登录你的博客,点导航栏上的“日志”。点“写日志”,再点“< >”打开日志源码编辑页面,鼠标对着空白编辑区点左键(将光标点上)再点右键,在出现的菜单上,左键点“粘贴”,就将代码贴进了日志栏。接着用你选好的新图片地址替换组码中的原图片地址,点“保存为草稿”看效果。如大小不合适,接着点“< >”调整图片大小,点“保存为草稿”看效果,认为合适时,点“< >”,开始写日志:先在打字位子点左键打上光标,接着打文字。字的大小,字体和字的颜色,以及移动和换行等均与正常打字写日志相同。写完日志,再点“保存为草稿”看效果。如预览满意,点“发表日志”。

 五,网上图片地址的获取方法:

1,从你的博客以外的网上取得

        当你选好图片后,鼠标对图片画面点右键,在出现的菜单中左键选点属性,在出现的属性框中,用鼠标对着“地址(URL)”项后面的代码的尾端按下左键拖至代码首端释放左键(将地址码罩色选定),然后,鼠标对着罩色选区点右键,在出现的菜单中选点复制(将图片地址复制在粘贴板上)。回到你的博客,用相同的方法,将原实例代码中的图片旧地址用新地址替换。

2,从你的博客相册中取得

  为了你使用他人的图片地址不受他人的左右,你可以通过以下方法,从你的博客相册中取得稳定的图片地址:

(1)选用你已保存在博客像册中的图片,只要对图片点右键,点属性,复制图片地址后,就可替换粘贴进原实例代码中的图片地址位子使用了。

 (2)当你从你的博客以外的网上选好图片后,鼠标对图片画面点右键,在出现的菜单中左键选点“图片另存为”,先将图片下载到你的电脑硬盘上,然后,通过你的博客像册,再上传到你的博客像册中保存.用我上面介绍的方法,通过点开图片属性,获得图片地址,替换代码中的旧地址即可.

#附本博相册链接,供朋友选择图片时参考;

 

>

<CENTER>
<TABLE cellSpacing=0 cellPadding=0>
<TBODY>
<TR>
<TD>
<MARQUEE style="POSITION: relative; WIDTH: 显示窗宽度px; HEIGHT: 图片高度px" scrollAmount=4 scrollDelay=2>
<DIV style="POSITION: relative; WIDTH: 容器宽度px; HEIGHT: 图片高度px">
<TABLE style="POSITION: absolute; WIDTH: 图片总宽度px; HEIGHT: 图片高度px; TOP: 0px; LEFT: -2张图片的总宽度px" border=0 cellSpacing=0 borderColor=#ff0000 cellPadding=0>
<TBODY>
<TR>
<TD style="WIDTH: 1图片宽度px" background=1图片地址> </TD>
<TD style="WIDTH: 2图片宽度px" background=2图片地址> </TD>
<TD style="WIDTH: 3图片宽度px" background=3图片地址> </TD>
<TD style="WIDTH: 4图片宽度px" background=4图片地址> </TD>
<TD style="WIDTH: 1图片宽度px" background=1图片地址> </TD>
<TD style="WIDTH: 2图片宽度px" background=2图片地址> </TD></TR></TBODY></TABLE></DIV></MARQUEE></TD></TR></TBODY></TABLE></CENTER>

说明:1.本例是四张图片连续滚动的示范方案,图片数量可按需要添加;

           2.在代码图片下面需重复加1图、2图二张图片;

           3.容器宽度:四张图片的总宽度减去显示窗宽度

动态荷叶边框 - 紫郁 - 紫郁的博客

代码<DIV align=center>
<TABLE style="LEFT: 30px; POSITION: relative; TOP: 0px" height=319 cellSpacing=0 width=480 background=http://img843.ph.126.net/AWhEdVQGdOIUipP9YZ_1fg==/882987001941822545.gif>
<TBODY>
<TR>
<TD style="FILTER: chroma(color=#ff00ff)" background=http://img246.ph.126.net/tYO2g03v5fuUROr_flASWA==/1435803856202452667.jpg bgColor=#000000>
<MARQUEE style="WIDTH: 657px; HEIGHT: 353px" scrollAmount=1 scrollDelay=1 direction=down behavior=alternate width=657 height=353>
<MARQUEE scrollAmount=2 scrollDelay=1 direction=right behavior=alternate width=650 height=276><IMG title="放大镜效果 - 舒芳诗林 - 舒芳诗林的博客" style="WIDTH: 506px" height=276 alt="放大镜效果 - 舒芳诗林 - 舒芳诗林的博客" src="
http://img238.ph.126.net/p3pknbEOzkF2XQIZnzcJOw==/2227874440666665605.gif" width=500></MARQUEE></MARQUEE></TD></TR></TBODY></TABLE>
<P></P>
 

提示: 网速原因会造成相框图片显示较flash慢,请朋友耐心等待。

代码:<P align=center>

<TABLE height=300 cellPadding=0 width=440 align=center background=http://img699.ph.126.net/ZjfLlpqgD6xt7Oir58pb2A==/1135751531028692685.gif border=0>

<TBODY>

<TR>

<TD><EMBED align=right src=http://xt.2000y.net/106939/uploadpic/2009051216250654711.swf width=400 height=350 type=application/x-shockwave-flash wmode="transparent" quality="high"></TD></TR></TBODY></TABLE><FONT size=+0></FONT></P>

<P align=center><FONT size=+0></FONT>&nbsp;</P> 

代码:<P align=center>

<TABLE height=300 cellPadding=0 width=440 align=center background=http://img617.ph.126.net/VqwNrjykEbnr2kLHT9-ftA==/1662672687431797816.gif border=0>

<TBODY>

<TR>

<TD><EMBED align=right src=http://imgfree.21cn.com/free/flash/57.swf width=400 height=350 type=application/x-shockwave-flash wmode="transparent" quality="high"></TD></TR></TBODY></TABLE><FONT size=+0></FONT></P>

<P align=center>&nbsp;</P> 

代码:<P align=center>

<TABLE height=300 cellPadding=0 width=440 align=center background=http://img533.ph.126.net/6WHz7P2coOzd27z-uzgg2Q==/1280148194081123968.gif border=0>

<TBODY>

<TR>

<TD><EMBED align=right src=http://xt.2000y.net/106939/uploadpic/2009051216250654711.swf width=400 height=350 type=application/x-shockwave-flash quality="high" wmode="transparent"></TD></TR></TBODY></TABLE><FONT size=+0></FONT></P>

<P align=center>&nbsp;</P> 

代码:<P align=center>

<TABLE height=300 cellPadding=0 width=440 align=center background=http://img238.ph.126.net/Ca9N8-8LUjXbiCWdmWl9-Q==/1423137482250793818.gif border=0>

<TBODY>

<TR>

<TD><EMBED align=right src=http://xt.2000y.net/106939/uploadpic/2009051216250654711.swf width=400 height=350 type=application/x-shockwave-flash wmode="transparent" quality="high"></TD></TR></TBODY></TABLE></P>

<P align=center>&nbsp;</P><FONT size=+0></FONT> 

代码:<P align=center>

<TABLE height=300 cellPadding=0 width=440 align=center background=http://img58.ph.126.net/QQUNp96D97hMnanNiScbWA==/1834653898201674176.gif border=0>

<TBODY>

<TR>

<TD><EMBED align=right src=http://xt.2000y.net/106939/uploadpic/2009051216250654711.swf width=400 height=350 type=application/x-shockwave-flash wmode="transparent" quality="high"></TD></TR></TBODY></TABLE></P>

<P><FONT size=+0></FONT>&nbsp;</P>

<DIV style="WIDTH: 760px">

代码:<P align=center>

<TABLE height=300 cellPadding=0 width=440 align=center background=http://img692.ph.126.net/wjBYhyzmEDU9hX6HPyR0QA==/2891592435749630423.gif border=0>

<TBODY>

<TR>

<TD><EMBED align=right src=http://xt.2000y.net/106939/uploadpic/2009051216250654711.swf width=400 height=350 type=application/x-shockwave-flash wmode="transparent" quality="high"></TD></TR></TBODY></TABLE></P><FONT size=+0></FONT></DIV>

<DIV align=center>&nbsp;</DIV>

<DIV style="WIDTH: 760px">

代码:<P align=center>

<TABLE height=300 cellPadding=0 width=440 align=center background=http://img623.ph.126.net/frexHCW9ecUrQOcbMYONRA==/1943021764235320632.gif border=0>

<TBODY>

<TR>

<TD><EMBED align=right src=http://xt.2000y.net/106939/uploadpic/2009051216250654711.swf width=400 height=350 type=application/x-shockwave-flash quality="high" wmode="transparent"></TD></TR></TBODY></TABLE></P><FONT size=+0></FONT></DIV>

<DIV align=center>&nbsp;&nbsp;</DIV>

<DIV style="WIDTH: 760px">  

代码:<P align=center>

<TABLE height=300 cellPadding=0 width=440 align=center background=http://img246.ph.126.net/5FFqOumoMdEXCA8pLGaSfQ==/2235474265037428536.gif border=0>

<TBODY>

<TR>

<TD><EMBED align=right src=http://xt.2000y.net/106939/uploadpic/2009051216250654711.swf width=400 height=350 type=application/x-shockwave-flash quality="high" wmode="transparent"></TD></TR></TBODY></TABLE></P><FONT size=+0></FONT></DIV>

图片不间断滚动代码 - 网络营销 - 电子商务
图片不间断滚动代码 - 网络营销 - 电子商务
图片不间断滚动代码 - 网络营销 - 电子商务
图片不间断滚动代码 - 网络营销 - 电子商务
图片不间断滚动代码 - 网络营销 - 电子商务
 
  评论这张
 
阅读(227)| 评论(0)

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018