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

恬淡

静由心,醉由人。

 
 
 

日志

 
 

引用 滚动图片特效代码  

2010-08-19 11:53:04|  分类: 【博客技巧】 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
本文转载自枫林晚《滚动图片特效代码》

 

引用

枫林晚滚动图片特效代码
 滚动图片特效代码 - 枫林晚 - 双木林枫  滚动图片特效代码 - 枫林晚 - 双木林枫  滚动图片特效代码 - 枫林晚 - 双木林枫  滚动图片特效代码 - 枫林晚 - 双木林枫  滚动图片特效代码 - 枫林晚 - 双木林枫  滚动图片特效代码 - 枫林晚 - 双木林枫  滚动图片特效代码 - 枫林晚 - 双木林枫  滚动图片特效代码 - 枫林晚 - 双木林枫  滚动图片特效代码 - 枫林晚 - 双木林枫
 代码如下:

<DIV style=" WIDTH: 100%">

<MARQUEE scrollAmount=2 scrollDelay=30 direction=left width="100%" height="128">

<A href=http://wtyf2008.blog.163.com target=_blank><IMG height=128 src="http://img.blog.163.com/photo/Y1-4whLQBVJ4XR98N01d5A==/898468125660489439.jpg" width=128 border=0></A>

<A><IMG height=128 src="http://img.blog.163.com/photo/8ADQsw9wIW2ZAqi8Qz6wgg==/1723752757376242311.jpg" width=128 border=0></A>

<A><IMG height=128 src="http://img.blog.163.com/photo/kI1qVPv1C1on8kvzrFpNfQ==/4268849496794245535.jpg" width=128 border=0></A>

<A><IMG height=128 src="http://img.blog.163.com/photo/bcmH88e03HdlCmvVlyrzVw==/2038723256315393985.jpg" width=128 border=0></A>

<A><IMG height=128 src="http://img.blog.163.com/photo/v-4MW80VUWRTzXz34nFEdw==/1754996479791295019.jpg" width=128 border=0></A>

<A><IMG height=128 src="http://img.blog.163.com/photo/K-a1I4CWkM7wfbTIoxs-VQ==/447826687946764096.jpg" width=128 border=0></A>

<A><IMG height=128 src="http://img.blog.163.com/photo/-IlOX6V8Rrmyrn3wzDWXtg==/3451164689449796509.jpg" width=128 border=0></A>

<A><IMG height=128 src="http://img.blog.163.com/photo/0XccelbbFk5bTQaX3qHD2Q==/2266155037497742081.jpg" width=128 border=0></A>

<A><IMG height=128 src="http://img.blog.163.com/photo/NaamXbkyoAP7XzY9w2qi7w==/329607197728251088.jpg" width=128 border=0></A>

</MARQUEE></DIV>

左右滚动代码格式:

 <marquee scrollamount=1 scrolldelay=3 valign=middle behavior="scroll">
<img border="0" src=" http://要滚动的图片地址1">
<img border="0" src=" http://要滚动的图片地址2">
</marquee>

 
 

 (从下往上滚动) 代码格式

 <marquee align=center direction=up scrollamount=1 scrolldelay=3 valign=middle behavior="scroll">
<img border="0" src=" http://要滚动的图片地址1">
<img border="0" src=" http://要滚动的图片地址2">
</marquee>

基本格式:<marquee scrollamount=1 SCROLLDELAY=1 border=0 direction=up scrolldelay=70 width=180 height=130 align=middle>
把图片的连接地址写在这里
</marquee>

 1.direction属性:决定文本的滚动方向,分为向左left和向右right,up和down默认状态向左。
<marquee direction=left>从右向左滚动</marquee>
<marquee direction=right>从左向右滚动</marquee>
2.behavior属性:指定文本的滚动方式,分为三种:
Scroll:从一端消失后,在另一端出现并继续滚动。
<marquee behavior=scroll>一圈一圈地滚动</marquee>
Slide:从一端滚动,接触到另一端后停止
<marquee behaviro=slide>只滚动一次就停止</marquee>
Alternate:从一端滚动到另一端后,反向滚动。
<marquee behavior=alternate>来回滚动</marquee>
direction=up(left、right、down) 这个属性可以更改,这样就可以实现上下左右了

   滚动图片特效代码 - 枫林晚 - 双木林枫  滚动图片特效代码 - 枫林晚 - 双木林枫  滚动图片特效代码 - 枫林晚 - 双木林枫
 代码如下:

<DIV style="OVERFLOW: hidden; WIDTH: 100%">&nbsp;

<MARQUEE scrollAmount=1 scrollDelay=3 direction=up height=600 align="center" valign="middle"><IMG height=303 src="http://blog.163.com/photo/id0dKCI9eSwcKfq76nZ6qg==/1986931860600534382.jpg" width=230 border=0> <IMG height=303 src="http://blog.163.com/photo/pZqL6RNfPVm9qft77CBy6w==/1986931860600534397.jpg" width=230 border=0> <IMG height=303 src="http://blog.163.com/photo/8K6kGsWPDw9MsABKAHNE8g==/1986931860600534400.jpg" width=230 border=0></MARQUEE></DIV>

 滚动图片特效代码 - 枫林晚 - 双木林枫 

 ★ HTML代码置入博客的方法

1. 进入编辑→2. 排版→3. 模块→ 
4. 添加自定义html(显示)(出现在网页左下角)→ 
5. 复制下列语法後贴上→6. 新增→ 
7. 将模块移到想显示的位置→8. 再保存(右上角)→ 
9. 预览我的博客。→10. 就可以看到出现在你的博客上了!

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

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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