一、文绕图+在图片下注释的效果 <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文章,点击显示源代码把代码粘贴,然后把你的图片地址覆盖在代码中图片地址上,点击显示源代码点击图片上的滚动框,先调整滚动框的大小,然后再单击图片边缘,拉动图片调整图片的大小,最后把你的文字粘贴在滚动框中即可! 注意:滚动文字行与行之间不要有空行! |
|