分享

穿透文字的移动图片效果代码

 冷月沉浮 2014-05-19

          穿透文字的移动图片效果代码

              制作:浦江逝水冷月 来源:网络
 
                   
 
                        
效果:


  想一个人是很傻的事,可我却无法拒绝相思。

  忘一个人是很容易的事,可我心中总是你的影子。

  爱一个人是很难的事,可我是还执迷不悟。

  我知道自己不应该这样,不应该总是想你,我不应该在静夜孤灯时总是想起你,可我却控制不了我自己……

  是什么让我对你的思念不变?一缕淡淡的月光透过窗纱倾泻在床上,我倚在床头看着那窗外朦胧的夜色,轻轻地打开心扉,思绪早已飘向远方……

使用代码:

<DIV style="POSITION: absolute; TOP:850px; LEFT: 0px">
<CENTER>
<MARQUEE>
<P align=center><IMG style="FILTER: alpha(opacity=200,style=2); MARGIN: 0px 0px 0px 10px; WIDTH: 700px; BACKGROUND: none transparent scroll repeat 0% 0%; FLOAT: none; HEIGHT: 120px; cssfloat: none" title="" alt="" src="
http://image72.360doc.com/DownloadImg/2014/05/1923/41758791_1.gif" width=0 eventsListUID="e4" quoteTimer="0"></P></MARQUEE><FONT color=#00ff00></FONT></CENTER></DIV>

 

使用方法:

       你可以把代码粘贴在文字的前面、后面、中间都可以,只要控制好位置就行。然后换上你喜欢的图片,代码中的绿色部分是粘贴图片地址的位置。控制位置的代码是TOP: 1050px; ,你只要调整数字就可以啦!它不但可以穿透文字,还可以穿透图片。但是有的浏览器不行,比如搜狗浏览器、360浏览器6.0以上版本,这些浏览器对于有些图片的使用效果不适用。用别的浏览器可以,请您试试吧!

为了方便复制使用,贴出几段换了图片地址的代码:

第一个

<DIV style="POSITION: absolute; TOP: 550px; LEFT: 0px">
<CENTER>
<MARQUEE>
<P align=center><IMG style="FILTER: alpha(opacity=200,style=2); MARGIN: 0px 0px 0px 10px; WIDTH: 700px; BACKGROUND: none transparent scroll repeat 0% 0%; FLOAT: none; HEIGHT: 120px; cssfloat: none" title="" alt="" src="http://img2.ph.126.net/2-cT5YSRu_W54kshDTfXqg==/588282701326143824.gif " width=0 eventsListUID="e4" quoteTimer="0"></P></MARQUEE><FONT color=#00ff00></FONT></CENTER></DIV>

第二个

<DIV style="POSITION: absolute; TOP: 550px; LEFT: 0px">
<CENTER>
<MARQUEE>
<P align=center><IMG style="FILTER: alpha(opacity=200,style=2); MARGIN: 0px 0px 0px 10px; WIDTH: 700px; BACKGROUND: none transparent scroll repeat 0% 0%; FLOAT: none; HEIGHT: 80px; cssfloat: none" title="" alt="" src="http://img0.ph.126.net/gEZEdWaclbtyQV-68g8dpA==/1358679712599987087.gif" width=0 quoteTimer="0" eventsListUID="e4"></P></MARQUEE><FONT color=#00ff00></FONT></CENTER></DIV>

第三个
<DIV style="POSITION: absolute; TOP: 950px; LEFT: 0px">
<CENTER>
<MARQUEE>

<P align=center><IMG style="FILTER: alpha(opacity=200,style=2); MARGIN: 0px 0px 0px 10px; WIDTH: 700px; BACKGROUND: none transparent scroll repeat 0% 0%; FLOAT: none; HEIGHT: 80px; cssfloat: none" title="" alt="" src="http://img0.ph.126.net/nmwJisw0anamJqIz4FZRJw==/813462682694871441.gif" width=0 quoteTimer="0" eventsListUID="e4"></P></MARQUEE><FONT color=#00ff00></FONT></CENTER></DIV> 

  

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

    0条评论

    发表

    请遵守用户 评论公约