文字垂直水平迴圈滾動

父元素包裹時屬性 overflow:hidden

水平：父元素設定了定位，子元素固定寬度，並且轉殖子元素left父元素寬度

*

#demo
#demo1 li
.scroll_sp
.scroll_sp>div
.scroll_sp>div li
.scroll_sp_div2

>			

align
="center"
id="demo"
>
"demo1"
>
>
html5是乙個豐富的應用，可以給使用者很多視覺上的享受！li
>
>
html5是乙個豐富的應用，可以給使用者很多視覺上的享受！li
>
>
html5是乙個豐富的應用，可以給使用者很多視覺上的享受！li
>
>
html5是乙個豐富的應用，可以給使用者很多視覺上的享受！li
>
>
html5是乙個豐富的應用li
>
>
html5是乙個豐富的應用li
>
>
html5是乙個豐富的應用li
>
>
html5是乙個豐富的應用li
>
>
html5是乙個豐富的應用li
>
>
html5是乙個豐富的應用li
>
div>
"demo2"
>
div>
div> 
class
="scroll_sp"
>
class
="scroll_sp_div1"
>
>
水平滾動字型長度很長實驗程式li
>
div>
class
="scroll_sp_div2"
>
div>
div>
body
>

var demo =$(

"#demo")[
0];var demo1 =$(
"#demo1")[
0];var demo2 =$(
"#demo2")[
0];var speed =30;
//滾動速度值，值越大速度越慢
// var nnn = 1 
for(i =
0; i <
1; i++
)demo2.innerhtml = demo1.innerhtml //轉殖demo2為demo1
function
marquee()
else
}var mymar =
setinterval
(marquee, speed)
;//設定定時器
demo.
onmouseover
=function()
//滑鼠經過時清除定時器達到滾動停止的目的
demo.
onmouseout
=function()
//滑鼠移開時重設定時器

var scroll_sp =$(

'.scroll_sp')[
0]var scroll_sp_div1 =$(
'.scroll_sp_div1')[
0]var scroll_sp_div2 =$(
'.scroll_sp_div2')[
0]for(
var i; i<
1; i++
)scroll_sp_div2.innerhtml = scroll_sp_div1.innerhtml
// console.log($('.scroll_sp_div2').css("left"))
var scroll_sp_div2_left =
parseint($
('.scroll_sp_div2').
css(
"left"))
console.
log(scroll_sp_div2_left)
console.
log(scroll_sp.scrollleft)
function
shu(
)else
}var time =
setinterval
(shu,30)
;scroll_sp.
onmouseover
=function()
scroll_sp.
onmouseout
=function()

div文字水平垂直居中

文字居中 text align 屬性為文字水平設定，屬性有center 居中 inherit 繼承父物件的屬性 justify 兩端對齊 left 左對齊 right 右對齊 vertical align 屬性為文字垂直設定，屬性有baseline 基線 bottom inherit 繼承父物件的屬...

文字垂直水平對齊方式

123 div怎麼才能做到123的位置水平垂直方向的隨意變化，例如左上，中下 水平方向的話使用text align就可以了，相容性很好，關鍵是垂直方向。css也有vertival align來設定垂直方向的定位，但是它是為了table cell設計的 要用到vertical align，需要將div...

Js實現文字水平滾動

公司專案中有乙個公告欄，寫的時候我先想到了用marquee，於是發現了marquee有很多弊端，當文字全部顯示完才出現新的文字，這樣不是很友好，然後一查發現marquee這個標籤已經被w3c標準廢棄了，也就是不再支援使用這個標籤了，於是我便用js css去替代這個寫法，並且做到類似無縫滾動的效果。直...