滚动图片特效代码

博客制作   2006-11-14 12:49   阅读91662   评论131  
字号： 大  中  小
 代码如下:

<DIV style=" WIDTH: 100%">

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

<A href="http://wlpx.blog.163.com/blog/static/16810420200723113738165/" 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. 就可以看到出现在你的博客上了！

举报
评论(?)
阅读(?)
 
搜 索
 
 
首页
日志
相册
音乐
收藏
博友
关于我
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
公司简介- 联系方法- 招聘信息- 客户服务- 相关法律- 互动营销-  
网易公司版权所有 ©1997-2009