穿透文字的移动图片效果代码
制作:浦江逝水冷月 来源:网络
效果:
想一个人是很傻的事,可我却无法拒绝相思。 忘一个人是很容易的事,可我心中总是你的影子。 爱一个人是很难的事,可我是还执迷不悟。 我知道自己不应该这样,不应该总是想你,我不应该在静夜孤灯时总是想起你,可我却控制不了我自己…… 是什么让我对你的思念不变?一缕淡淡的月光透过窗纱倾泻在床上,我倚在床头看着那窗外朦胧的夜色,轻轻地打开心扉,思绪早已飘向远方…… 使用代码: <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>
|