分享

图片及文字定位代码

 松月石泉 2012-10-25

1)涂鸦板内贴图:

  <img src="图片地址"> 位置可以通过加回车,<br>以及全角状态下的空格来调整  

2)定位文字: 

<div style='position:absolute;Top:1000px;left:266px;width:100px;'>我是文字</div> 其中top和left参数的值用来调整位置,width用来显示区域调整宽度  

(3)定位贴图:  

<div style='position:absolute; Top:1000px; left:266px;'><img src=图片地址></div> 其中top和left参数的值用来调整位置

 

(4)定位滚动文字   <div style="left: 50px; position: absolute; top: 2800px; "><table width="100%" boder=0px height="100%"><tbody><tr><td><marquee direction="up" height="600" width="200" crollamount="1" scrolldelay="100"><font color="颜色"; face="字体"; size=大小>我是文字</font></marquee></td></tr></tbody></table></div> left和top参数意义同上,width和height参数调整显示区域大小,文字间不加回车或<br>,则按照设定的width值自动换行显示,如要文字纵向排列,在文字间加回车或<br>
marquee语句中各参数请参考"参数及属性说明篇"中的“marquee详解”  

 

5)定位滚动图片   <DIV style="left: 50px; position: absolute; top: 2800px; "><marquee scrollAmount=4 scrollDelay=0 width=600 direction="right"><img src="图片1地址" ><img src="图片2地址" ></marquee></div> 各参数意义同上,多图滚动则多加几个<img src="图片地址"

 

6)综合实例,友情链接   <div style="left: 110px; position: absolute; top: 800px; "><table width="100%" boder=0px height="100%"><tbody><tr><td><marquee direction="up" height="600" width="200" scrollamount="2" scrolldelay="100"><font color="#999999" size=4px face="隶书">说明文字</font><br><br><a href=链接地址1><img src=图片地址1><br>图片说明1</a><br><br><a href=链接地址2><img src=图片地址2><br>文字说明天</a></marquee></td></tr></tbody></table></div>  

 

 7)贴图透明化:   <img style="filter: alpha(opacity=100 style=3 finishopacity=0)black();" src=图片地址 width=400 height=300>

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

    0条评论

    发表

    请遵守用户 评论公约