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

--

---

 
 
 

日志

 
 

用代码编辑常用图片移动特效  

2009-02-10 22:28:34|  分类: 装扮博客 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

引用

zxz-fb[一]网易博客技巧(3):用html代码编辑常用图片移动特效

向左移动的图片语法:MARQUEE 向左移动scrollAmount=2 速度 width=500 宽度  height=100 高度(根据实际情况自设)

 

用代码编辑常用图片移动特效 - 犇犇牛 - --

 

<MARQUEE scrollAmount=2 width=500 height=100><P align=center><IMG src="http://liang2.16789.net/s-helpSite/domName/liang2/2005101418581055405.jpg"></MARQUEE>

__________________________________________________________________________________________________________________

向右移动语法:direction=right 向右移动

用代码编辑常用图片移动特效 - 犇犇牛 - --

 

<MARQUEE scrollAmount=2 direction=right width=500 height=100><IMG src="http://liang2.16789.net/s-helpSite/domName/liang2/2005101418581055405.jpg"></MARQUEE>

________________________________________________________________________________________________________________________

左右移动语法:behavior=alternate 左右移动

 

用代码编辑常用图片移动特效 - 犇犇牛 - --

 

<MARQUEE scrollAmount=2 behavior=alternate width=500 height=100><IMG src="http://liang2.16789.net/s-helpSite/domName/liang2/2005101418581055405.jpg"></MARQUEE>

________________________________________________________________________________________________________________________

向上移动语法:direction=up 向上移动    注意:高度这时应相应改变

用代码编辑常用图片移动特效 - 犇犇牛 - --

<CENTER>

<MARQUEE scrollAmount=2 direction=up width=500 height=400>

<P align=center><IMG src="http://liang2.16789.net/s-helpSite/domName/liang2/2005101418581055405.jpg"></P></MARQUEE></CENTER>

__________________________________________________________________________________________________________________________________________

向下移动语法:direction=down  向下移动

用代码编辑常用图片移动特效 - 犇犇牛 - --

<CENTER>

<MARQUEE scrollAmount=2 direction=down width=500 height=400>

<P align=center><IMG src="http://znrs.2000y.net/UploadFile/2004-8/2004829142030109.gif"></P></MARQUEE></CENTER>

_______________________________________________________________________________________________________________________________________

上下重合的语法:为了重合快一些,可以设置高度height=200(相应改小)和速度  scrollAmount=2(数值越大越快)

用代码编辑常用图片移动特效 - 犇犇牛 - --

用代码编辑常用图片移动特效 - 犇犇牛 - --

 

<CENTER>

<MARQUEE scrollAmount=2 direction=down width=500 height=400>

<P align=center><IMG src="http://znrs.2000y.net/UploadFile/2004-8/2004829142030109.gif"></P></MARQUEE></CENTER>

<CENTER>

<MARQUEE scrollAmount=2 direction=up width=500 height=400>

<P align=center><IMG src="http://znrs.2000y.net/UploadFile/2004-8/2004829142030109.gif"></P></MARQUEE></CENTER>

____________________________________________________________________________________________________________________________________

 

  用代码编辑常用图片移动特效 - 犇犇牛 - -- 用代码编辑常用图片移动特效 - 犇犇牛 - -- 用代码编辑常用图片移动特效 - 犇犇牛 - -- 用代码编辑常用图片移动特效 - 犇犇牛 - --

 

<CENTER>

<MARQUEE scrollAmount=8 direction=right behavior=alternate>

<MARQUEE direction=up behavior=alternate width=78 height=300 align="middle"><IMG src="http://liang2.16789.net/s-helpSite/domName/liang2/2005101418581055405.jpg"></MARQUEE>

<MARQUEE direction=up behavior=alternate width=78 height=250><IMG src="http://liang2.16789.net/s-helpSite/domName/liang2/2005101418581055405.jpg"></MARQUEE>

<MARQUEE direction=up behavior=alternate width=78 height=250><IMG src="http://liang2.16789.net/s-helpSite/domName/liang2/2005101418581055405.jpg"></MARQUEE>

<MARQUEE direction=up behavior=alternate width=78 height=300><IMG src="http://liang2.16789.net/s-helpSite/domName/liang2/2005101418581055405.jpg"></MARQUEE></CENTER>

 

___________________________________________________________________________________________________________________________________

用代码编辑常用图片移动特效 - 犇犇牛 - -- 用代码编辑常用图片移动特效 - 犇犇牛 - -- 用代码编辑常用图片移动特效 - 犇犇牛 - -- 用代码编辑常用图片移动特效 - 犇犇牛 - --

 

<CENTER>

<MARQUEE scrollAmount=2 width=180 height=240 align="center" scrolldely="10"><IMG src="http://liang2.16789.net/s-helpSite/domName/liang2/2005101418581055405.jpg"></MARQUEE>

<MARQUEE scrollAmount=2 width=180 height=240 align="center" scrolldely="10"><IMG src="http://liang2.16789.net/s-helpSite/domName/liang2/2005101418581055405.jpg"></MARQUEE>

<MARQUEE scrollAmount=2 width=180 height=240 align="center" scrolldely="10"><IMG src="http://liang2.16789.net/s-helpSite/domName/liang2/2005101418581055405.jpg"></MARQUEE>

<MARQUEE scrollAmount=2 width=180 height=240 align="center" scrolldely="10"><IMG src="http://liang2.16789.net/s-helpSite/domName/liang2/2005101418581055405.jpg"></MARQUEE></FONT></CENTER>

____________________________________________________________________________________________________________________

竹溪欢迎您

竹溪欢迎您

竹溪欢迎您

竹溪欢迎您

竹溪欢迎您

竹溪欢迎您

竹溪欢迎您

竹溪欢迎您

 

<MARQUEE direction=down height=250>

<MARQUEE scrollAmount=8><FONT style="FONT-SIZE: 20pt; FILTER: shadow(color=#AF0530); WIDTH: 100%; COLOR: #f90b46; LINE-HEIGHT: 150%; FONT-FAMILY: 隶书">竹溪欢迎您<BR><I>竹溪欢迎您</FONT></I></MARQUEE>

<MARQUEE><FONT style="FONT-SIZE: 20pt; FILTER: shadow(color=#AF0530); WIDTH: 100%; COLOR: #f90b46; LINE-HEIGHT: 150%; FONT-FAMILY: 隶书">竹溪欢迎您<BR><I>竹溪欢迎您</FONT></I></MARQUEE>

<MARQUEE scrollAmount=4><FONT style="FONT-SIZE: 20pt; FILTER: shadow(color=#AF0530); WIDTH: 100%; COLOR: #f90b46; LINE-HEIGHT: 150%; FONT-FAMILY: 隶书">竹溪欢迎您<BR><I>竹溪欢迎您</FONT></I></MARQUEE></MARQUEE>

<MARQUEE direction=down height=250>

<MARQUEE scrollAmount=8><FONT style="FONT-SIZE: 20pt; FILTER: shadow(color=#AF0530); WIDTH: 100%; COLOR: #f90b46; LINE-HEIGHT: 150%; FONT-FAMILY: 隶书">竹溪欢迎您<BR><I>竹溪欢迎您</FONT></I></MARQUEE>

</MARQUEE>

_____________________________________________________________________________________________________________________________________________

用代码编辑常用图片移动特效 - 犇犇牛 - -- 用代码编辑常用图片移动特效 - 犇犇牛 - -- 用代码编辑常用图片移动特效 - 犇犇牛 - -- 用代码编辑常用图片移动特效 - 犇犇牛 - -- 用代码编辑常用图片移动特效 - 犇犇牛 - -- 用代码编辑常用图片移动特效 - 犇犇牛 - --

 

<TABLE width="90%" border=0>

<TBODY>

<TR>

<TD width="100%">

<TABLE cellSpacing=0 cellPadding=0 align=center border=0>

<TBODY>

<TR>

<TD align=middle>

<MARQUEE scrollAmount=1 scrollDelay=100 direction=right width=95><IMG src="http://liang2.16789.net/s-helpSite/domName/liang2/2005101418581055405.jpg"></MARQUEE></TD>

<TD align=middle>

<MARQUEE scrollAmount=1 scrollDelay=100 width=95><IMG src="http://liang2.16789.net/s-helpSite/domName/liang2/2005101418581055405.jpg"></MARQUEE></TD>

<TD align=middle>

<MARQUEE scrollAmount=1 scrollDelay=100 direction=right width=95><IMG src="http://liang2.16789.net/s-helpSite/domName/liang2/2005101418581055405.jpg"></MARQUEE></TD>

<TD align=middle>

<MARQUEE scrollAmount=1 scrollDelay=100 width=95><IMG src="http://liang2.16789.net/s-helpSite/domName/liang2/2005101418581055405.jpg"></MARQUEE></TD>

<TD align=middle>

<MARQUEE scrollAmount=1 scrollDelay=100 direction=right width=95><IMG src="http://liang2.16789.net/s-helpSite/domName/liang2/2005101418581055405.jpg"></MARQUEE></TD>

<TD align=middle>

<MARQUEE scrollAmount=1 scrollDelay=100 width=95><IMG src="http://liang2.16789.net/s-helpSite/domName/liang2/2005101418581055405.jpg"></MARQUEE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

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

历史上的今天

评论

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

页脚

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