用JS把文字倒序
var reverse = function(str){return str.split('').reverse().join('')
}
然后放置文字的标签的css写上 writing-mode:vertical-lr
可以使用<marquee></marquee>标签,下面是该标签的参数,不明白,再聊。align:是设定活动字幕的位置,除了居左、居中、居右三种位置外,又增加靠上(top)和靠下(bottom)两种位置。
Bgcolor:用于设定活动字幕的背景颜色,可以使用英文的单词也可以是十六进制数的。
Direction:用于设定活动字幕的滚动方向是向左(left)、向右(right)、向上(up)、向下(down)。
Behavior:用于设定滚动的方式,主要由三种方式:
behavior="scroll"表示由一端滚动到另一端;默认为此项
behavior="slide":表示由一端快速滑动到另一端,且不再重复;
behavior="alternate"表示在两端之间来回滚动。
Height:用于设定滚动字幕的高度。
Width:则设定滚动字幕的宽度。
Hspace和vspace:分别用于设定滚动字幕的左右边框和上下边框的宽度.
Scrollamount:用于设定活动字幕的滚动距离。数值越小,滚动的速度就越快。
scrolldelay:用于设定滚动两次之间的延迟时间,数值越小,间隔就越小。
Loop:用于设定滚动的次数,当loop=-1表示一直滚动下去,直到页面更新。其中默认情况是向左滚动无限次,字幕高度是文本高度;滚动
范围:水平滚动的宽度是当前位置的宽度;垂直滚动的高度是当前位置的高度。
在css的样式中加入,text-align: center这样文件就是决定居中了!垂直居中
<style type="text/css">
<!--
.con_div{
width:400px
height:300px
border:1px solid #777
text-align:center
display:table-cell
vertical-align:middle
background:red
color:#fff
}
/*FOR IE*/
.fixie{
width:0
height:100%
display:inline-block
vertical-align:middle
}
-->
</style>
<div class="con_div">
<span class="fixie"></span>
测试内容
</div>
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)