課程
/前端開發
/HTML/CSS
/CSS3+JS 實現超炫的散列畫廊特效
data數據怎么寫?
2017-03-27
源自:CSS3+JS 實現超炫的散列畫廊特效 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"
????? ?//格式都是一樣 ,想寫幾個寫幾個
]
這樣寫不用再加工,直接用就可以
Freen247 提問者
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]
???? });
}
其實你要仔細看的話在3-2的視頻里面老師有打開過data.js的內容,你暫停一下看看就可以了
舉報
實現更自由的切換照片的畫廊效果,打造超酷的切換動畫
1 回答關于data文件里的數據分割和替換問題
1 回答data.js怎么寫的?。?/p>
1 回答關于數據傳入?
1 回答問下為什么不直接寫成數組,還有寫js來分隔?這樣寫有好處嗎mama?
1 回答data,js中文亂碼??!求搭救
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
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"
???? },
????? ?//格式都是一樣 ,想寫幾個寫幾個
]
這樣寫不用再加工,直接用就可以
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]
???? });
}
其實你要仔細看的話在3-2的視頻里面老師有打開過data.js的內容,你暫停一下看看就可以了