沙发客网|新一代沙发客专业网站|俱乐部

 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,访问微社区

查看: 2857|回复: 48

【交流】一些简单的HTML代码【二】

  [复制链接]

签到天数: 6 天

[LV.2]偶尔看看I

TA的评价

评价次数:0

综合评分:0

发表于 2011-10-18 18:56:08 | 显示全部楼层 |阅读模式

发帖窗口,勾选纯文本,在纯文本状态下写代码。勾选HTML代码框。





一、【基本知识】


基本语句:<marquee>文字</marquee>


1、向左移动字:

  <marquee>沙发客,没有陌生人的世界</marquee>


2、 向右移动字:

  <marquee direction=right>沙发客,没有陌生人的世界</marquee>


3、向上移动字:

  <marquee direction=up>沙发客,没有陌生人的世界</marquee>


4、向下移动字:

  <marquee direction=down>沙发客,没有陌生人的世界</marquee>


5、左右移动字:

<marquee behavior=alternate>沙发客,没有陌生人的世界</marquee>


6、上下移动字:

  <marquee behavior=alternate direction=up>沙发客,没有陌生人的世界</marquee>


7、限宽左右移动字:

<marquee width=200 behavior=alternate>沙发客,没有陌生人的世界</marquee>


8、限高向上、向下移动字:

  <marquee height=50 direction=down>沙发客,没有陌生人的世界</marquee>

  <marquee height=50 direction=up>沙发客,没有陌生人的世界</marquee>


9、向左向右跳动移动字:

  <marquee scrolldelay=500>沙发客,没有陌生人的世界</marquee>

  <marquee direction=right scrolldelay=500>沙发客,没有陌生人的世界</marquee>


10、向上向下跳动移动字:

  <marquee height=100 direction=up scrolldelay=1000>沙发客,没有陌生人的世界</marquee>

  <marquee height=100 direction=down scrolldelay=1000>沙发客,没有陌生人的世界</marquee>

签到天数: 6 天

[LV.2]偶尔看看I

TA的评价

评价次数:0

综合评分:0

 楼主| 发表于 2011-10-18 19:33:48 | 显示全部楼层

【效果演示】

 

 

 

1、向左移动字:

  

沙发客,没有陌生人的世界

 

===========================================================================

 

 

2、 向右移动字:

  

沙发客,没有陌生人的世界

 

 

===========================================================================

回复 支持 反对

使用道具 举报

签到天数: 6 天

[LV.2]偶尔看看I

TA的评价

评价次数:0

综合评分:0

 楼主| 发表于 2011-10-18 19:36:57 | 显示全部楼层

3、向上移动字:  

 

 

沙发客,没有陌生人的世界

===========================================================================

 

4、向下移动字:  

 

 

沙发客,没有陌生人的世界===========================================================================
回复 支持 反对

使用道具 举报

签到天数: 6 天

[LV.2]偶尔看看I

TA的评价

评价次数:0

综合评分:0

 楼主| 发表于 2011-10-18 19:42:53 | 显示全部楼层

5、左右移动字:

 

 

沙发客,没有陌生人的世界

 

=================================================================

 

 

 6、上下移动字:  

 

 

沙发客,没有陌生人的世界====================================================================
回复 支持 反对

使用道具 举报

签到天数: 6 天

[LV.2]偶尔看看I

TA的评价

评价次数:0

综合评分:0

 楼主| 发表于 2011-10-18 19:44:56 | 显示全部楼层

7、限宽左右移动字:

 

 

沙发客,没有陌生人的世界

 

 

==================================================================

 

 

8、限高向上、向下移动字:

 

  

沙发客,没有陌生人的世界   沙发客,没有陌生人的世界=================================================================
回复 支持 反对

使用道具 举报

签到天数: 6 天

[LV.2]偶尔看看I

TA的评价

评价次数:0

综合评分:0

 楼主| 发表于 2011-10-18 19:49:15 | 显示全部楼层

9、向左向右跳动移动字:

   

沙发客,没有陌生人的世界   沙发客,没有陌生人的世界

 

==============================================================

 

10、向上向下跳动移动字:

 

  

沙发客,没有陌生人的世界   沙发客,没有陌生人的世界==========================================================================
回复 支持 反对

使用道具 举报

签到天数: 6 天

[LV.2]偶尔看看I

TA的评价

评价次数:0

综合评分:0

 楼主| 发表于 2011-10-18 20:13:50 | 显示全部楼层

【实例效果】

 

 

 

 

 

沙发客,没有陌生人的世界

回复 支持 反对

使用道具 举报

签到天数: 6 天

[LV.2]偶尔看看I

TA的评价

评价次数:0

综合评分:0

 楼主| 发表于 2011-10-18 20:13:56 | 显示全部楼层
【作业】

结合HTML代码教程【一】
把移动文字效果添加到图片中

7楼实例代码如下:

<CENTER>
<TABLE style="WIDTH: 600px; HEIGHT: 508px" border=0 cellSpacing=1 width=600 background=http://www.cnsfk.com/data/attachment/album/201010/17/125652kcd5l5hd655c0zq6.jpg height=508>
<TBODY>
<TR>
<TD height=69 width=600>
<P align=center>
<MARQUEE behavior=alternate width=500>沙发客,没有陌生人的世界</MARQUEE></P></TD></TR></TBODY></TABLE></CENTER>


ps:具体数值根据自己的图片尺寸进行调整

回复 支持 反对

使用道具 举报

实名认证

签到天数: 1557 天

[LV.Master]伴坛终老

TA的评价

评价次数:26

综合评分:5

发表于 2011-10-18 20:21:52 | 显示全部楼层
作业》???

不是俺的吧姐

点评

呵呵,憨豆同学,你如果做得出来,就是你的。  发表于 2011-10-18 20:28
回复 支持 反对

使用道具 举报

实名认证

签到天数: 650 天

[LV.9]以坛为家II

TA的评价

评价次数:51

综合评分:5

发表于 2011-10-18 20:44:08 | 显示全部楼层
好深奥!{:soso_e127:}

点评

哎,丫头,一点不深奥,耐心点就成。  发表于 2011-10-18 21:59
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|小黑屋|手机版|沙发客网 ( 冀ICP备19007410号-2 | 全球排名

GMT+8, 2024-11-15 01:48

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表