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

邓吾佳的个性小屋

小屋陋而不俗,实而不浮,取之有法,学之有章。

 
 
 

日志

 
 

图片移动代码集锦  

2009-11-29 12:55:23|  分类: 转载作品 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 


 

朋友们请将以下每一项目中任意一项代码,用鼠标复制到自己的自定义模块、或者写日志点击→全部功能  →《》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)behavior。用它来 控制属性,默认为循环滚动,可选的值有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>&nbsp;</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>

 

 

 

 

 


文字内容

  评论这张
 
阅读(268)| 评论(3)

历史上的今天

评论

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

页脚

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