分享

360doc网文摘手一、文绕图+在图片下注释的效果 <SPAN style="TEXT-ALIGN: center; PADDING-BOTTOM: 15px; PADDING-LEFT: 5px;...

 网络文 2013-12-15
一、文绕图+在图片下注释的效果
<SPAN style="PADDING-RIGHT: 15px; PADDING-LEFT: 5px; FLOAT: left; PADDING-BOTTOM: 15px; PADDING-TOP: 5px; TEXT-ALIGN: center"><IMG src="图片地址" border=0><BR><BR>图片名</SPAN>正文文字
FLOAT: left  文字写在图片的右边
FLOAT: right  文字写在图片的左边
PADDING-RIGHT: 15px; PADDING-LEFT: 5px 文字的左右空白,自己调整
单击图片即可拉动图片调整大小,双击图片可修改里面注释文字,或在代码中修改也可!
双击图片外框,把文字拉到图片上面也可以!

二、在图片上做滚动文字的代码
代码如下: <DIV>
<TABLE style="WIDTH: 380px; HEIGHT: 256px" width=380 border=0>
<TBODY>
<TR>
<TD background=图片地址 height=250>
<P>
<MARQUEE style="WIDTH: 365px; HEIGHT: 238px" scrollAmount=1 scrollDelay=50 direction=up width=365 height=238>图片上的文字</MARQUEE></P></TD></TR></TBODY>

代码说明:
这个在我的很多心情日记中都用过这个效果,整理了一下发布出来,其实在我以前的特效代码中也是有的,有在图片上写字的,有横着滚动的,有竖着滚的,实际上代码有不一样的地方,效果都差不多,呵呵!

图片大小,和滚动文字大小,在显示源代码情况下,鼠标单击图片或者图片上滚动框就可以拉动调整大小,没有必要在代码中调整,主要是怕有的朋友调整不好!

添加使用:
复制代码,点你发表BLOG文章,点击显示源代码把代码粘贴,然后把你的图片地址覆盖在代码中图片地址上,点击显示源代码点击图片上的滚动框,先调整滚动框的大小,然后再单击图片边缘,拉动图片调整图片的大小,最后把你的文字粘贴在滚动框中即可!
注意:滚动文字行与行之间不要有空行!


    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多