仓酷云
标题:
html5教程之Marquee标志在XHTML代码中该怎样用
[打印本页]
作者:
飘飘悠悠
时间:
2015-1-15 23:18
标题:
html5教程之Marquee标志在XHTML代码中该怎样用
HTML5语音识别（现在一般用在搜索上），目前相关介绍还是挺多的。为何呢？因为很简单！网页制造poluoluo文章简介：Marquee被W3C丢弃了。这句话实在这是毛病的，为何呢，由于Marquee历来都没有被W3C视为正式标签利用。
在论坛中看到网友jeanjean20提到Marquee怎样修正才干切合尺度。我看了一下伴侣们的跟帖以为说得都挺好，版主greengnn指明Marquee是不切合尺度的已被W3C丢弃了。有伴侣年夜打不屈的说以为往得没事理，原本挺好的效果如今变没了。也有伴侣说往了好，看着就烦。人人都有本人的了解角度，可是我们本人怎样了解是一回事，可是我们要弄分明为何，在这里我就greengnn的结论以后修正并增补一些内容，但愿人人了解并能想通。
起首要改正的一点是：Marquee被W3C丢弃了。这句话实在这是毛病的，为何呢，由于Marquee历来都没有被W3C视为正式标签利用。W3C历来就没有制订这一标签，就更没有“丢弃”一说。这就比如还没娶亲就说仳离一样。实在Marquee与良多别的的标签一样是由微软与网景等公司私制的，而W3C一向以来都没有供认这一标签。这有钱公司就是有不讲理这点偏差，不外这不红利的构造就是嘴硬！
为何W3C一向不供认Marquee呢？要说这个标签在宽大网页计划职员的眼里也算是把螺丝刀啊！在从前仍是我们引觉得手艺力气作为夸耀的本钱呢。可如今不主张用了（这里要题外话：良多人说W3C不准用了，这都是错的，W3C没权限定你不准用或是不克不及用。），为何呢那我们要明白这个尺度是甚么。尺度并非一项手艺，尺度只是一种标准与发起。我们用的仍然是本来的HTML4.0中的标签，尺度没有给我们的XHTML中到场甚么标签，而是给出了哪些是保举利用的（例：p,div,ul,dl,span,em…），哪些是主意不利用的（例：font,b,u,i…），而且主意了要语义化与利用标准。固然尺度不但是XHTML同时还包含了CSS与DOM另有剧本言语。良多人觉得CSS是尺度后才发生的，实在不是，CSS很早就有了，尺度之于CSS也是一样，主意不使用一些扫瞄器厂商制订的一些CSS，好比CSS滤镜。
在尺度中另有很主要的一点，那就是功效性分别。分红为布局、款式、举动三个部分，这三个部分分离包含了，布局（xHTML、XML），样工（CSS），举动（DOM、ECMAScript）。到这里我们前往来想一想谁人Marquee为何不被W3C所供认，我想人人伙都应分明了。他与FONT、B等标签一样已不是布局性标签了。他们中带有了款式与举动特征，再把他们划在布局的范围里很分明是多过剩了。
以是，人人但愿Marquee的效果能被保存或是完成就必要多多存眷一下JavaScript，剧本言语必定能让你的网页动起来。要想让你指定的中央动起来固然要注意标签中的ID与CLASS的利用。
为了便利人人利用这个成心思的效果，我特地请嗷嗷写了一段JS，看以下代码：
JS代码：
functiongetElementsByClass(searchClass,tagName){
varclassElements=newArray();
if(tagName==null)
tagName=*;
varels=document.getElementsByTagName(tagName);
varelsLen=els.length;
varpattern=newRegExp("(^|s)"searchClass"(s|$)");
for(i=0,j=0;i<elsLen;i){
if(pattern.test(els
.className)){
classElements[j]=els
;
j;
}
}
returnclassElements;
}
functionccMarquee(className){
vara=getElementsByClass(className);
for(i=0;i<a.length;i){
a
.innerHTML="<marquee>"a
.innerHTML"</marquee>";
}
}window.onload=function(){
ccMarquee("ccMarquee");
}
XHTML代码：
<divclass="ccMarquee">
<ahref=""title="">这里是转动的</a>
</div>
请人人注意，必要用到转动效果的中央只需在其何核心的标签上加上Class="ccMarquee"便可。注意巨细写。
附：<marquee>标签属性详解
请人人先看上面这段代码
<marqueedirection=upbehavior=scrollloop=3scrollamount=1scrolldelay=10align=topbgcolor=#ffffffheight=300width=30%hspace=20vspace=10onmou搜索引擎优化ver=this.stop()onmou搜索引擎优化ut=this.start()>此处输出转动内容</marquee>
如今让我们来详细剖析一下
◎direction暗示转动的偏向，值能够是left，right，up，down，默许为left
◎behavior暗示转动的体例，值能够是scroll（一连转动）slide（滑动一次）alternate（往复转动）
◎loop暗示轮回的次数，值是正整数，默许为无穷轮回
◎scrollamount暗示活动速率，值是正整数，默许为6
◎scrolldelay暗示停留工夫，值是正整数，默许为0，单元仿佛是毫秒
◎align暗示元素的垂直对齐体例，值能够是top，middle，bottom，默许为middle
◎bgcolor暗示活动地区的背景致，值是16进制的RGB色彩，默许为红色
◎height、width暗示活动地区的高度和宽度，值是正整数（单元是像素）或百分数，默许width=100%height为标签内元素的高度
◎hspace、vspace暗示元素到地区界限的程度间隔和垂直间隔，值是正整数，单元是像素。
◎onmou搜索引擎优化ver=this.stop()onmou搜索引擎优化ut=this.start()暗示当鼠标以上地区的时分转动中断，当鼠标移开的时分又持续转动。</p>
最近群里面很多人在问html5应该怎么学，这个问题其实没有标准答案。我开这个帖子，目的是为了收集大家每天的学习心得，欢迎大家来回复。
作者:
柔情似水
时间:
2015-1-17 21:47
在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。
作者:
小魔女
时间:
2015-1-26 23:10
在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。
作者:
小女巫
时间:
2015-2-5 06:47
Dreamweaver在所见即所得添加链接，也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈，用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。
作者:
爱飞
时间:
2015-2-11 08:10
Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成。
作者:
深爱那片海
时间:
2015-3-2 01:46
Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成。
作者:
简单生活
时间:
2015-3-11 04:27
Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH，专业网页图像设计软件FIREWORKS，并称为“网页三剑客”。
作者:
愤怒的大鸟
时间:
2015-3-17 22:10
难以逾越的障碍会大大打击你的学习积极性。这就需要你的恒心，坚持不懈的决心。在自己无法解决某些问题时，就需要虚心请教别人.
作者:
不帅
时间:
2015-3-25 09:31
运动)时间轴面板--拖动关键帧--单击整条--将鼠标移至中间一点--右击选择增加关键帧--移动中间关键帧的图层--勾选自动播放,循环
欢迎光临 仓酷云 (http://www.ckuyun.com/)
Powered by Discuz! X3.2