主要講酷站賞析、酷站模板、酷站代碼等知識點。以專業(yè)成熟的酷站案例為主題，詳細(xì)介紹酷站的各種知識點，希望大家能關(guān)注武諾寒浞酷站的資源，共同撰寫下一章。

酷站欣賞

魏超集團

錢江摩托

益田電器

櫻花衛(wèi)浴

Kuzhan muban

http://www.unohacha.com/case.php

酷站代碼

最簡單的js圖片切換效果實現(xiàn)代碼

& lt語言=java >。

var Curindex = 0；

//時間間隔(毫秒)

可變時間間隔= 5000；

var arr = new Array()；

arr[0]= " 1 . jpg "；

arr[1]= " 2 . jpg "；

arr[2]= " 3 . jpg "；

arr[3]= " 4 . jpg "；

arr[4]= " 5 . jpg "；

arr[5]= " 6 . jpg "；

arr[6]= " 7 . jpg "；

setInterval(changeImg，time interval)；

函數(shù)changeImg()

{

var obj = document . getelementbyid(" show pic ")；

if (curIndex==arr.length-1)

{

curIndex = 0；

}

其他

{

curIndex+= 1；

}

obj . src = " image/"+arr[Curindex]；

}

& lt/>。

<img src="image/1.jpg" width="427" height="219" id="showpic" /> & ltimg src = " image/1 . jpg " width = " 427 " height = " 219 " id = " show pic "/>

js實現(xiàn)文本水平不間斷滾動

為了實現(xiàn)這樣的功能，文本會無間隙地滾過某個區(qū)域。我首先想到的標(biāo)簽是

& ltstyle type="text/css " >

#宮傲{寬度:1000px高度:30px溢出:隱藏；行高:30pxfont-size:13px；字體系列:‘Tahoma’；背景:# DDE5ED顏色:# 0C77CF字體粗細(xì):粗體；}

#宮傲#滾動_開始，#宮傲#滾動_結(jié)束{顯示:內(nèi)嵌}

& lt/style>。

& lttype="text/java ">。

函數(shù)scrollinmgleft(){

變速= 50；

var scroll _ begin = document . GetElementbyID(" scroll _ begin ")；

var scroll _ end = document . getelementbyid(" scroll _ end ")；

var scroll _ div = document . GetElementbyID(" scroll _ div ")；

scroll _ end . innerhtml = scroll _ begin . innerhtml；

函數(shù)Marquee(){

if(scroll _ end . offsetwithts-scroll _ div . scroll left & lt；=0)

scroll _ div . scroll left-= scroll _ begin . offsetwith；

其他

roll _ div . scroll left++；

}

var MyMar=setInterval(Marquee，speed)；

scroll _ div . onmouseover = function(){ ClearInterval(MyMar)；}

scroll _ div . onmouseout = function(){ MyMar = SetInterval(Marquee，speed)；}

}

& lt/>。

& ltdiv id= "宮傲" >;

& ltdiv style = " width:900 px；高度:30px邊距:0自動；空白:nowrap溢出:隱藏id = " scroll _ div " class = " scroll _ div " >

& ltdiv id="scroll_begin " >

$ { affiche . content } $ { affiche . content } $ { affiche . content }

$ { affiche . content } $ { affiche . content } $ { affiche . content }

& lt/div>。

& ltdiv id="scroll_end " >& lt/div>。

& lt/div>。

& lttype="text/java ">。scrolligmgleft()；& lt/>。

& lt/div>。

這里，${affiche.content}是從數(shù)據(jù)庫中檢索的文本。

之所以把這個重復(fù)的文字寫在scroll_begin的div里，是因為這些字的長度必須大于scroll_div的div容器。如果比div小一些比較容易，就不會有滾動效果。

換句話說，無縫滾動的內(nèi)容寬度必須大于容器的寬度。

本文網(wǎng)站:http://www.unohacha.com/news1_det.php? id = 581

想了解更多酷站欣賞，酷站模板，酷站代碼，記得關(guān)注我們！?。?/p>