分享

代群简易教程(10)【作业】1

 以勒。。 2014-04-23

 代群简易教程(10)【作业】1
一、有边框的移动文字

代码1:

代码2:

二有背景颜色的移动文字

三、有背景图片的移动文字
背景图片:style="BACKGROUND: url(http://image4.360doc.com/DownloadImg/2009/3/12/92346_2786131_12.jpg)",可以设置在“块区标签”中,也可以设置在“移动标签”中。
四、有自定义鼠标指针的移动文字代码:

自定义鼠标指针:style="BACKGROUND: url(http://image4.360doc.com/DownloadImg/2009/3/12/92346_2786131_12.jpg); CURSOR: url(http://pic.51.com/shop/product/sbys/ani/1000400013.ani ), auto"
 
 

五、有css定位样式的移动文字代码:

 


 
 
 
 

六、“进进退退”的文字 “进进退退”的文字是用两个移动标签控制文字内容。第一个移动标签设置“来回走”的移动方式,第二个移动标签设置“移动屏幕宽度”(“移动屏幕的宽度”要设置得小一点)。其余的属性都可以“缺省”。代码:
我的效果,进进退退。
七、“跳着前进”的文字 “跳着前进”的文字,应用了移动标签“延时属性”的特点,把“移动速度”与“间隔时间”都设置得非常大,制作成为一种特殊的移动文字效果。代码:
跳着向前进
八、飞舞的文字:设置要点: “飞舞”的文字,用8个“向上”移动的移动标签“分别”控制一行文字。移动标签中设置了“来回走”的移动方式,设置了“移动屏幕的高度与宽度”。相邻的两个移动标签,移动屏幕的高度不同。然后,把这些内容放置到一个设置了“向右移动的”、“来回走”移动方式的移动标签中。把以上内容都放置到“设置了背景颜色的表格中”。(“表格标签”,在以后的教程中我专门讲解。) “飞舞”的文字,并没有设置“竖排版的样式”,却制作出了竖排版的效果。其要点是:8个“向上”移动的移动标签的“移动屏幕宽度”设置得非常小,只有40px的宽度,真好容纳一个文字。“飞舞”的文字,代码中应用了“英语名称”颜色,你也可以把它修改为“十六进制”颜色。 “英语名称”颜色,请你参阅我整理收藏的这篇文章:http://www.360doc.com/content/13/0703/17/4127803_297406586.shtml “飞舞”的文字代码:

春天没来

欢迎您
!

欢迎浏览

欢迎收藏

欢迎指导

你的光临

我的荣幸






九、神奇的移动标签:
代码: *


祝福你远方的朋友

分分秒秒平平安安
朝朝暮暮开开心心
日日夜夜健健康康
岁岁年年潇潇洒洒
永永远远快快乐乐
时时刻刻风风光光
生生世世顺顺当当
美好祝福送朋友
注释:移动标签,真是一个神奇的标签!上面的代码,在第一个移动标签的后面添加了一个小五角星的符号,移动文字就左右摇摆开了。你去掉这个小五角星符号看看,移动效果逊色多了。
“竖排版”移动文字,是用两个移动标签共同控制几行文字内容。第一个移动标签中要设置:移动屏幕的宽度与高度、滑动一次的移动方式与延时属性。移动方向为“向左”移动(可以缺省),移动速度为“1”,延时属性为100。
第二个移动中要设置:移动屏幕的宽度与高度,延时属性,移动方向(向上),移动速度(一般设置为“1”),还可以设置“行高”与“字距”等属性。文字要用“居左对齐”的“段落标签”或者“块区标签”控制。
注意:
1、第一个移动标签中的移动方向必须是“向左”,移动次数只能是“一次”。
2、第二个移动标签中必须设置竖排版样式:style="WRITING-MODE: tb-rl; 移动方向必须是“向上”。移动标签中设置了竖排版样式,“移动方向”与“移动文字”就顺时针旋转90度了。“向上”移动的实际效果就变为“向右”移动了;文字也有横排版变为竖排版了。横排版文字的排版顺序是:“从左到右,从上到下。”而竖排版文字的排版顺序是:从右到左,从上到下。
3、文字内容放在了“居左”对齐的段落中,实际效果则变为“居上”对齐了。
“竖排版”移动文字,是用两个移动标签共同控制几行文字内容。第一个移动标签中要设置:移动屏幕的宽度与高度、滑动一次的移动方式与延时属性。移动方向为“向左”移动(可以缺省),移动速度为“1”,延时属性为100。第二个移动中要设置:移动屏幕的宽度与高度,延时属性,移动方向(向上),移动速度(一般设置为“1”),还可以设置“行高”与“字距”等属性。文字要用“居左对齐”的“段落标签”或者“块区标签”控制。注意: 1、第一个移动标签中的移动方向必须是“向左”,移动次数只能是“一次”。 2、第二个移动标签中必须设置竖排版样式:style="WRITING-MODE: tb-rl; 移动方向必须是“向上”。移动标签中设置了竖排版样式,“移动方向”与“移动文字”就顺时针旋转90度了。“向上”移动的实际效果就变为“向右”移动了;文字也有横排版变为竖排版了。横排版文字的排版顺序是:“从左到右,从上到下。”而竖排版文字的排版顺序是:从右到左,从上到下。 3、文字内容放在了“居左”对齐的段落中,实际效果则变为“居上”对齐了。填写内容

 

<DIV>十五、有css定位样式的移动图片把css定位样式:style="POSITION: absolute; WIDTH: 740px; TOP: 150px; LEFT: 0px" ,添加到移动标签中即可。代码:
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
内容处

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多