朋友们请将以下每一项目中任意一项代码,用鼠标复制到自己的自定义模块、或者写日志点击→全部功能 →《》HTML进入模式里把复制代码粘贴,再点预览 ,最后点发表日志,就会就见,效果
了:
图片代码功能设定说明 :
a)scrollAmount。它表示速度,值越大速度越快。如果没有它,默认为6,建议设为1~3比较好。b) width和height,表示滚动区域的大小,width是宽度,height是高度。特别是在做垂直滚动的时候,一 定要设height的值。c)direction。表示滚动的方向,默认为从右向左:←←←。可选的值有right、 down、up。滚动方向分别为:right表示→→→,up表示↑,down表示↓。d)scrollDelay,这也是用来 控制速度的,默认为90,值越大,速度越慢。通常scrollDelay是不需要设置的。e)beha
vior。用它来 控制属性,默认为循环滚动,可选的值有alternate(交替滚动)、slide(幻灯片效果,指的是滚动一次 然后停止滚动)direction属性:决定文本的滚动方向,分为向左left和向右right,up和down默认状态 向左。
一、向左移动:
清明上河图:
代码:(以下代码黄色的数字是调整移动速度的)
<FONT color=#ff00ff size=5>
<P>
<MARQUEE scrollAmount=3 scrollDelay=1 valign="middle"><IMG src="http://img686.ph.126.net/w3V8CrYPQk3V7veG4PNyfw==/2854156263847197690.jpg" border='src="http://img686.ph.126.net/w3V8CrYPQk3V7veG4PNyfw==/2854156263847197690.jpg"'></MARQUEE><FONT color=#ff0000 size=235></FONT></P></FONT>
二、向右移动
代码:
<P><FONT color=#ff0000>
<MARQUEE direction=right><IMG height=300 src="http://img246.ph.126.net/yE1_M3U4Tg5RBMcM8RBmAQ==/1460573654152720187.jpg" width=300><BR><FONT face=宋体 color=#0000ff size=3><B></B></FONT></MARQUEE></FONT></P>
三、向上移动
代码:
<P><FONT face=宋体 color=#ff9900 size=2></FONT></P>
<P><FONT face=宋体 color=#ff9900 size=2>
<MARQUEE scrollAmount=5 direction=up>
<CENTER><IMG height=300 src="http://img246.ph.126.net/yE1_M3U4Tg5RBMcM8RBmAQ==/1460573654152720187.jpg" width=200></CENTER></MARQUEE></FONT></P>
<P><FONT face=仿宋_GB2312 color=#ff00ff size=5><STRONG></STRONG></FONT> </P>
四、向下移动
代码:
<MARQUEE scrollAmount=5 direction=down>
<CENTER><FONT face=华文行楷 color=#0000ff size=5><B></B></FONT><BR><IMG height=300 src="http://img382.ph.126.net/bjOJJ3WegvdqAiJ7knwAXw==/2445736072639887424.jpg" width=200></CENTER></MARQUEE>
五、来回移动
代码:
<P><FONT color=#ff9900></FONT></P><FONT color=#ff9900></FONT>
<MARQUEE scrollAmount=3 behavior=alternate width="100%">
<P><IMG height=200 src="http://img617.ph.126.net/smwurfSsmAELrLFMfFPcjA==/1904741167402339579.jpg" width=300></P></MARQUEE>
六、上下起伏
代码:
<MARQUEE>
<MARQUEE direction=up behavior=alternate height=200>
<P align=center></P>
<P align=center><IMG src="http://img460.ph.126.net/2dBmWVlfqwYK5GqqDV3C9g==/1027383664994967183.jpg"><FONT face=华文行楷 color=#0000ff size=3 <P></P></FONT></MARQUEE></MARQUEE>七、中间向两边移动:
代码:
<CENTER>
<MARQUEE width=220 height=50><IMG height=200 src="http://img.photo.163.com/1dWouqB2OaoOcHZ5yBDOVQ==/608830374625878292.gif" width=500></MARQUEE>
<MARQUEE direction=right width=220 height=50><IMG height=200 src="http://img.photo.163.com/1dWouqB2OaoOcHZ5yBDOVQ==/608830374625878292.gif" width=500><FONT face=华文彩云 color=#0000ff size=5></FONT></MARQUEE></FONT>
<P></P></CENTER>
八、文章写在图片上('http://img460.ph.126.net/2dBmWVlfqwYK5GqqDV3C9g==/1027383664994967183.jpg'引号要留着)
代码:
<div align="center"><div style=" background-image: url('http://img460.ph.126.net/2dBmWVlfqwYK5GqqDV3C9g==/1027383664994967183.jpg'); background-repeat: repeat; background-attachment: scroll; font-size: 12px; font-family: verdana; background-"><br /><div align="left">
<div style="PADDING-RIGHT: 0px; FILTER: alpha(opacity=60); HEIGHT: 228px">文字内容</div></div><br /></div></div>
评论