2012-10-28彻彻底底忘记你

个人日记

顶] 最新滚动图片代码 2012-9-11 14:00阅读(7) 返回日志列表
-->
最新滚动图片代码
 
 
温馨提示：代码中的定位代码我写的是0，在使用中自己根据具体情况去添加。
这是定位代码：<div style="POSITION:absolute;TOP: 0px;LEFT:0px">
 在0的地方填写数据，前面0是纵坐标，后面0是横坐标。
 图片中间的下面这个形式的定位代码不能动：
<div style="POSITION:absolute;WIDTH:870px;HEIGHT:670px;TOP:0px;LEFT:5px">
 
 
单张图片双向滚动代码
 

<div style="POSITION:absolute;TOP: 0px;LEFT:0px">
<div style="FILTER:flipH;WIDTH:1750px">
<MARQUEE><IMG style="FILTER:alpha(opacity=400,style=2);WIDTH:670px;

BACKGROUND:none transparent scroll repeat 0% 0%;background-color:transparent" border="0" alt="向右图片" src=">
<div style="POSITION:absolute;WIDTH:870px;HEIGHT:670px;TOP:0px;LEFT:5px">
<MARQUEE><div style="WRITING-MODE:lr-tb" align="center">
<P style="MARGIN:0.7em" alt=" " opacity="100,style=2);" background:="background:" width:="width:" none="none" transparent="transparent" scroll="scroll" repeat="repeat">

<IMG style="FILTER:alpha(opacity=100,style=2);WIDTH:670px;

BACKGROUND:none transparent scroll repeat 0% 0%;background-color:transparent"

alt="向左图片" src=""> </p></div></MARQUEE></div></div></div>

 

制作效果：http://user.qzone.qq.com/2535904711/blog/1344523603

 

多张图片双向滚动代码

 

<div style="POSITION:absolute;WIDTH:1550px;HEIGHT:850px;TOP:0px;LEFT:0px">
<MARQUEE><div style="WRITING-MODE:lr-tb" align="center">
<P alt=" " opacity="100,style=3);" repeat="repeat" scroll="scroll" transparent="transparent" none="none" width:="width:" background:="background:">
<IMG style="FILTER:alpha(opacity=100,style=2);WIDTH:240px;
BACKGROUND:none transparent scroll repeat 0% 0%;background-color:transparent" alt="向左图片" src="图片地址">
<IMG style="FILTER:alpha(opacity=100,style=2);WIDTH:240px;
BACKGROUND:none transparent scroll repeat 0% 0%;background-color:transparent" alt="图片" src="图片地址">
<IMG style="FILTER:alpha(opacity=100,style=2);WIDTH:240px;
BACKGROUND:none transparent scroll repeat 0% 0%;background-color:transparent" alt="图片" src="图片地址"> <IMG style="FILTER:alpha(opacity=100,style=2);WIDTH:240px;BACKGROUND:none transparent scroll repeat 0% 0%;background-color:transparent" alt="图片" src="图片地址">
<IMG style="FILTER:alpha(opacity=100,style=2);WIDTH:240px;
BACKGROUND:none transparent scroll repeat 0% 0%;background-color:transparent" alt="图片" src="图片地址">
<IMG style="FILTER:alpha(opacity=100,style=2);WIDTH:240px;
BACKGROUND:none transparent scroll repeat 0% 0%;background-color:transparent" alt="图片" src="图片地址">
</p></FONT><P></p></B></div>
<div style="POSITION:absolute;TOP:0px;LEFT:0px">
<div style="FILTER:flipH;WIDTH:2050px">
<MARQUEE><IMG style="FILTER:alpha(opacity=400,style=2);WIDTH:240px;
BACKGROUND:none transparent scroll repeat 0% 0%;background-color:transparent" border="0" alt="向右图片" src="图片地址">
<IMG style="FILTER:alpha(opacity=100,style=2);WIDTH:240px;
BACKGROUND:none transparent scroll repeat 0% 0%;background-color:transparent" alt="图片" src="图片地址">
<IMG style="FILTER:alpha(opacity=100,style=2);WIDTH:240px;
BACKGROUND:none transparent scroll repeat 0% 0%;background-color:transparent" alt="图片" src="图片地址">
<IMG style="FILTER:alpha(opacity=100,style=2);WIDTH:240px;
BACKGROUND:none transparent scroll repeat 0% 0%;background-color:transparent" alt="图片" src="图片地址">
<IMG style="FILTER:alpha(opacity=100,style=2);WIDTH:240px;
BACKGROUND:none transparent scroll repeat 0% 0%;background-color:transparent" alt="图片" src="图片地址">
<IMG style="FILTER:alpha(opacity=100,style=2);WIDTH:240px;
BACKGROUND:none transparent scroll repeat 0% 0%;background-color:transparent" alt="图片" src="图片地址">
<P></p></FONT><P></p></B><div></div>
<CENTER></CENTER><P style="MARGIN:0px"></p>
<div></div><div></div><div></div>
</STRONG></FONT></FONT><P style="MARGIN:0px"></p>
<div></div></FONT><div></div><div></div><div></div>

 

制作效果：http://user.qzone.qq.com/2535904711/blog/1345022336

 

单张图片向中合拢代码 

 

<div style="POSITION:absolute;TOP:0px;LEFT:0px">
<table width="890" align="center"><TBODY><TR><TD style="FILTER:flipH" width="0"><MARQUEE>
<table width="0" align="center"><TBODY><TR><TD><P align="center"></p>

<table align="center"><TBODY><TR><TD>

<IMG style="BACKGROUND:none transparent scroll repeat 0% 0%;background-color:transparent"

src="图片地址" idx="右"> </TD></TR></TBODY><P></p>
</TD></TR></TBODY></TD></TR></TBODY></TD></TR></TBODY>

<div style="POSITION:absolute;TOP:450px;LEFT:0px">
</div></table></TD></TR></TBODY></table>
</MARQUEE></TD><TD width="0"><MARQUEE>
<table width="0" align="center"><TBODY><TR><TD><P align="center"></p>

<table align="center"><TBODY><TR><TD>

<IMG style="BACKGROUND:none transparent scroll repeat 0% 0%;background-color:transparent"

src="图片地址" idx="左"> </TD></TR></TBODY><div>
</div><div></div></TD></TR></TBODY></TD></TR></TBODY>
</table></TD></TR></TBODY></table></MARQUEE><div>
</div><div></div><div></div><div></div><div></div><div></div>
<CENTER></CENTER><CENTER></CENTER><div></div><div></div>

 

制作效果：http://user.qzone.qq.com/2535904711/blog/1345542836 

 

多张图片向中合拢代码

 

<div style="POSITION:absolute;TOP:0px;LEFT:0px">

<table width="800" align="center"><TBODY><TR><TD style="FILTER:flipH" width="0"><MARQUEE>
<table width="0" align="center"><TBODY><TR><TD><P align="center"></p>

<table align="center"><TBODY><TR><TD><IMG style="BACKGROUND:none transparent scroll repeat 0% 0%;background-color:transparent" src="图片地址" idx="1"> <IMG style="BACKGROUND:none transparent scroll repeat 0% 0%;background-color:transparent" src="图片地址" idx="2"> <IMG style="BACKGROUND:none transparent scroll repeat 0% 0%;background-color:transparent" src="图片地址" idx="3"> <IMG style="BACKGROUND:none transparent scroll repeat 0% 0%;background-color:transparent" src="图片地址" idx="4"> <IMG style="BACKGROUND:none transparent scroll repeat 0% 0%;background-color:transparent" src="图片地址" idx="5"> <IMG style="BACKGROUND:none transparent scroll repeat 0% 0%;background-color:transparent" src="图片地址" idx="6"></TD></TR></TBODY><P></p>
</TD></TR></TBODY></TD></TR></TBODY></table>
</TD></TR></TBODY></table></MARQUEE></TD><TD width="0"><MARQUEE>
<table width="0" align="center"><TBODY><TR><TD><P align="center"></p>

<table align="center"><TBODY><TR><TD><IMG style="BACKGROUND:none transparent scroll repeat 0% 0%;background-color:transparent" src="图片地址" idx="-1"> <IMG style="BACKGROUND:none transparent scroll repeat 0% 0%;background-color:transparent" src="图片地址" idx="-2"> <IMG style="BACKGROUND:none transparent scroll repeat 0% 0%;background-color:transparent" src="图片地址" idx="-3"> <IMG style="BACKGROUND:none transparent scroll repeat 0% 0%;background-color:transparent" src="图片地址" idx="-4"> <IMG style="BACKGROUND:none transparent scroll repeat 0% 0%;background-color:transparent" src="图片地址" idx="-5"> <IMG style="BACKGROUND:none transparent scroll repeat 0% 0%;background-color:transparent" src="图片地址" idx="-6"></TD></TR></TBODY><P></p>
</TD></TR></TBODY></TD></TR></TBODY></table></TD></TR></TBODY></table>
</MARQUEE></TD></TR></TBODY><div></div></TD></TR>

</TBODY><P></p><div></div>
</TR></TBODY><P></p><div></div><TBODY><TR><TD></TD><TR>

</TR><TBODY></TBODY>
</table><table><TBODY></TBODY><div></div>

 

 制作效果：http://user.qzone.qq.com/2535904711/blog/1346295041

 

单张图片从中间向两边分开

 

<div style="POSITION:absolute;TOP:0px;LEFT:0px">
<div style="WIDTH:533px"><MARQUEE>
<table style="BACKGROUND-IMAGE:url(图片地址)" title="l图片"

borderColor="#cccccc" cellPadding="0" width="533" bgColor="#000000" align="center" height="700"><TBODY><TR><TD></TD></TR></TBODY>
</table></MARQUEE></div>
<div style="POSITION:absolute;TOP:0px;LEFT:534px">
<div style="FILTER:flipH;WIDTH:533px"><MARQUEE>
<table style="BACKGROUND-IMAGE:url(图片地址);FILTER:alpha(opacity=850,style=3)" title="图片"

cellSpacing="0" borderColor="#cccccc" cellPadding="0" width="533" bgColor="#000000" align="center" height="700"><TBODY><TR><TD></TD></TR><div>
</div></TBODY></table></MARQUEE></div></div></div>

 

说明：因为这款代码从中间向两边分开，就好象两个人从心里分开一样，所以我没有制作这款代码日志。


 

 


-->

签名档



 

文章评论