怎么做QQ空间自由飘动的图片
- 提问者网友:辞取
- 2021-06-03 00:18
- 五星知识达人网友:行雁书
- 2021-06-03 00:31
图片上下方向滚动: ^lt;CENTER^gt; ^lt;MARQUEE scrollAmount=1 scrollDelay=1 direction=up width=170 height=250^gt; ^lt;DIV align=center^gt;^lt;IMG src="图片网址1" width=300 border=0^gt;^lt;/DIV^gt; ^lt;DIV align=center^gt;^lt;IMG src="图片网址2" width=300 border=0^gt;^lt;/DIV^gt; ^lt;DIV align=center^gt;^lt;IMG src="图片网址3" width=300 border=0^gt;^lt;/DIV^gt; ^lt;DIV align=center^gt;^lt;IMG src="图片网址4" width=300 border=0^gt;^lt;/DIV^gt; ^lt;DIV align=center^gt;^lt;IMG src="图片网址5" width=300 border=0^gt;^lt;/DIV^gt; ^lt;DIV align=center^gt;^lt;IMG src="图片网址6" width=300 border=0^gt;^lt;/DIV^gt;^lt;/MARQUEE^gt;^lt;/CENTER^gt;
图片左右方向滚动:
^lt;CENTER^gt; ^lt;MARQUEE scrollAmount=2 scrollDelay=2 direction=right width=180 height=250^gt;^lt;IMG src="图片网址1" width=180 border=0^gt; ^lt;IMG src="图片网址2" width=180 border=0^gt; ^lt;IMG src="图片网址3" width=180 border=0^gt; ^lt;IMG src="图片网址4" width=180 border=0^gt; ^lt;IMG src="图片网址5" width=180 border=0^gt; ^lt;IMG src="图片网址6" width=180 border=0^gt; ^lt;DIV^gt;^lt;/DIV^gt;^lt;/MARQUEE^gt;^lt;/CENTER^gt;
图片左右方向飘动:
^lt;MARQUEE onmouseover=stop() style="WIDTH: 622px; HEIGHT: 123px" onmouseout=start() scrollAmount=1 direction=down behavior=alternate width=622 height=123^gt; ^lt;MARQUEE scrollAmount=4 direction=right behavior=alternate^gt;^lt;A href="图片地址"^gt;^lt;IMG style="WIDTH: 80px; HEIGHT: 111px" height=70 src="图片地址" width=80 border=0^gt;^lt;/A^gt;^lt;/MARQUEE^gt;^lt;/MARQUEE^gt;^lt;/TD^gt;^lt;/TR^gt;^lt;/TABLE^gt;^lt;FONT color=red^gt;^lt;/FONT^gt;
1、^lt;CENTER^gt;^lt;/CENTER^gt;前后代码代表居中的意思,可以居中滚动。
2、scrollAmount=1 scrollDelay=1可以设置数值,也就是滚动速度,数值越大滚动越快。
3、direction是方向,up=上,down=下,left=左,right=右,都可以自定义,愿意怎么滚动就怎么滚动。
4、width 宽度,height 高度。自己根据图片大小随意调整。
5、如果你只用一张图片滚动(比如我的《清明上河图》),那么你可以把中间的图片链接删掉,但最后一行代码^lt;DIV^gt;^lt;/DIV^gt;^lt;/MARQUEE^gt;^lt;/CENTER^gt;必须保留。如果有多张图片展示,你可以自行添加地址链接代码(把前面的一组复制粘贴就是了)。
另外提供一组图片自由翻转的效果代码:
上下翻转代码:
^lt;img src="图片地址" style="filter:Flip"^gt;
左右镜像代码:
^lt;img src="图片地址" style="filter:Flip"^gt;
- 1楼网友:山河有幸埋战骨
- 2021-06-03 02:09