課程
/前端開(kāi)發(fā)
/HTML/CSS
/CSS3+JS 實(shí)現(xiàn)超炫的散列畫(huà)廊特效
data數(shù)據(jù)怎么寫(xiě)？
2017-03-27
源自：CSS3+JS 實(shí)現(xiàn)超炫的散列畫(huà)廊特效 3-4
正在回答
var data = [
???? {
???? ????"img":"abc0.jpg",
???? ????"caption":"abcabcabcabc0",
???? ????"desc":"abcabcabcabcabc0"
???? },
???????? "img":"abc1.jpg",
???????? "caption":"abcabcabcabcabc1",
???????? "desc":"abcabcabcabcabc1"
???????? "img":"abc2.jpg",
???????? "caption":"abcabcabcabcabc2",
???????? "desc":"abcabcabcabcabcabc2"
????? ?//格式都是一樣 ，想寫(xiě)幾個(gè)寫(xiě)幾個(gè)
]
這樣寫(xiě)不用再加工，直接用就可以
Freen247 提問(wèn)者
var data=[];
var dataStr="1.oneoneone<br>\
<br>\
plaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaa<br>\
2.twotwotwotwo<br>\
plaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaa<br>\";
var d=dataStr.split("<br><br><br>");
for(var i=0;i<d.length;i++) {
???? var c=d[i].split("<br><br>");
???? data.push({
???????? img:c[0].replace("."," ")+".jpg",
???????? caption:c[0].split(".")[1],
???????? description:c[1]
???? });
}
其實(shí)你要仔細(xì)看的話(huà)在3-2的視頻里面老師有打開(kāi)過(guò)data.js的內(nèi)容，你暫停一下看看就可以了
舉報(bào)
實(shí)現(xiàn)更自由的切換照片的畫(huà)廊效果，打造超酷的切換動(dòng)畫(huà)
1 回答關(guān)于data文件里的數(shù)據(jù)分割和替換問(wèn)題
1 回答data.js怎么寫(xiě)的??！
1 回答關(guān)于數(shù)據(jù)傳入？
1 回答問(wèn)下為什么不直接寫(xiě)成數(shù)組，還有寫(xiě)js來(lái)分隔？這樣寫(xiě)有好處嗎mama？
1 回答data，js中文亂碼?。∏蟠罹?/p>
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢(xún)優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2017-07-21
var data = [
???? {
???? ????"img":"abc0.jpg",
???? ????"caption":"abcabcabcabc0",
???? ????"desc":"abcabcabcabcabc0"
???? },
???? {
???????? "img":"abc1.jpg",
???????? "caption":"abcabcabcabcabc1",
???????? "desc":"abcabcabcabcabc1"
???? },
???? {
???????? "img":"abc2.jpg",
???????? "caption":"abcabcabcabcabc2",
???????? "desc":"abcabcabcabcabcabc2"
???? },
????? ?//格式都是一樣 ，想寫(xiě)幾個(gè)寫(xiě)幾個(gè)
]
這樣寫(xiě)不用再加工，直接用就可以
2017-05-17
var data=[];
var dataStr="1.oneoneone<br>\
<br>\
plaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaa<br>\
<br>\
<br>\
2.twotwotwotwo<br>\
<br>\
plaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaaplaa<br>\";
var d=dataStr.split("<br><br><br>");
for(var i=0;i<d.length;i++) {
???? var c=d[i].split("<br><br>");
???? data.push({
???????? img:c[0].replace("."," ")+".jpg",
???????? caption:c[0].split(".")[1],
???????? description:c[1]
???? });
}
其實(shí)你要仔細(xì)看的話(huà)在3-2的視頻里面老師有打開(kāi)過(guò)data.js的內(nèi)容，你暫停一下看看就可以了