注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

李木子

删除昨天的烦恼,确定今天的快乐,设置明天的幸福,存储永远的爱心,粘贴美丽的心情!

 
 
 

日志

 
 

图片移动代码(示例)  

2016-03-08 18:21:34|  分类: 博客技术 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

基本代码:

  <MARQUEE scrollAmount=2 direction=left width=界面宽度 height=界面高度><IMG src="图片地址"  width=图片宽度 height=图片高度></MARQUEE>
   
说明:
MARQUEE  移动标示。
scrollAmount=2  移动速度,数字可调,大则快、小则慢。
direction=left  移动方向,表示向左移动(一般省略);
direction=right  向右移动;behavior=alternate  左右往复移动;
direction=up  向上移动;direction=down  向下移动。
左右移动时,界面宽度根据实际设定,界面高度一般不设(或设为图片高度),由图片高度限定;
上下移动时,要设定界面高度,界面宽度可由图片宽度限定。
如果多张图片,可以在图片之间加注”border=0“,以表示图片之间的间距。
border=0表示间距为零;border=2表示相隔像素为2。
左移代码及示例
<MARQUEE scrollAmount=2 direction=left width="100%" height=300>
<IMG height=300 src="http://img2.ph.126.net/yu27vL7WgrGJD6B9BqRAcQ==/3255821055712302920.jpg" width=200 border=2>
<IMG height=300 src="http://img1.ph.126.net/gg4afAli3C0dRgUXoRCTCg==/2049700780507014457.jpg" width=200 border=2>
<IMG height=300 src="http://img0.ph.126.net/F7-AKlXpv4D5M-8yrLf7Iw==/1884474969178096245.jpg" width=200 border=2>
<IMG height=300 src="http://img1.ph.126.net/1bSIJ3Bnt26DIr9_5g0REQ==/3340545023702220553.jpg" width=200 border=2>
</MARQUEE>
图片移动代码示例 - 思白若灵 - 思白若灵的园子 图片移动代码示例 - 思白若灵 - 思白若灵的园子 图片移动代码示例 - 思白若灵 - 思白若灵的园子 图片移动代码示例 - 思白若灵 - 思白若灵的园子
右移代码及示例
<MARQUEE scrollAmount=2 direction=right width="100%" height=300>
<IMG height=300 src="http://img2.ph.126.net/yu27vL7WgrGJD6B9BqRAcQ==/3255821055712302920.jpg" width=200 border=2>
<IMG height=300 src="http://img1.ph.126.net/gg4afAli3C0dRgUXoRCTCg==/2049700780507014457.jpg" width=200 border=2>
<IMG height=300 src="http://img0.ph.126.net/F7-AKlXpv4D5M-8yrLf7Iw==/1884474969178096245.jpg" width=200 border=2>
<IMG height=300 src="http://img1.ph.126.net/1bSIJ3Bnt26DIr9_5g0REQ==/3340545023702220553.jpg" width=200 border=2>
</MARQUEE>
图片移动代码示例 - 思白若灵 - 思白若灵的园子 图片移动代码示例 - 思白若灵 - 思白若灵的园子 图片移动代码示例 - 思白若灵 - 思白若灵的园子 图片移动代码示例 - 思白若灵 - 思白若灵的园子

向上移动代码及示例
<MARQUEE scrollAmount=2 direction=up width="100%" height=264>
<IMG height=264 src="http://img0.ph.126.net/G4Xm99TiX9iRgGGXVjlYxg==/6598263836285648682.jpg" width=600 border=2>
<IMG height=264 src="http://img1.ph.126.net/LALGSJOXdfJVSSh-4kOgiA==/1779766277841490300.jpg" width=600 border=2>
<IMG height=264 src="http://img2.ph.126.net/HbPs39CnEkS_xsLyLbtTDw==/682858293600064400.jpg" width=600 border=2></MARQUEE>

图片移动代码示例 - 思白若灵 - 思白若灵的园子 图片移动代码示例 - 思白若灵 - 思白若灵的园子 图片移动代码示例 - 思白若灵 - 思白若灵的园子

向下移动代码及示例
<MARQUEE scrollAmount=2 direction=down width="100%" height=264>
<IMG height=264 src="http://img2.ph.126.net/40rAYWFvsNGp3eCjPu73vw==/770115536380367321.jpg" width=600 border=2>
<IMG height=264 src="http://img2.ph.126.net/3rYjpNBZHS3338Y3FzsiXw==/6597291868006405880.jpg" width=600 border=2>
<IMG height=264 src="http://img1.ph.126.net/uaa_PsycN96MNbFZW6bfUw==/3339982073748785317.jpg" width=600 border=2></MARQUEE>
图片移动代码示例 - 思白若灵 - 思白若灵的园子 图片移动代码示例 - 思白若灵 - 思白若灵的园子 图片移动代码示例 - 思白若灵 - 思白若灵的园子左右往返移动代码及示例
<MARQUEE scrollAmount=2 behavior=alternate width="100%" height=400>
<IMG height=400 src="http://img0.ph.126.net/OQXQzBFS25zh2LiJvTrcvw==/6597385326495375063.jpg" width=400 border=2>
<IMG height=400 src="http://img2.ph.126.net/0i0iAgxQHS-a4sLlVS8t3A==/6597433705005457718.jpg" width=400 border=2>
<IMG height=400 src="http://img2.ph.126.net/9ARvgEhGrj_K0wzHD6Fs1w==/6597542556656736128.jpg" width=400 border=2></MARQUEE>
图片移动代码示例 - 思白若灵 - 思白若灵的园子 图片移动代码示例 - 思白若灵 - 思白若灵的园子 图片移动代码示例 - 思白若灵 - 思白若灵的园子
 

  评论这张
 
阅读(53)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017