-
就是說寫的是隨便寫的,還是有明確規(guī)范?還有walk to third。你這是隨便寫的嗎?你這還是說是怎么個(gè)事兒。
查看全部 -
感覺這些代碼和寫字一樣,而且還可以產(chǎn)生神奇的功能,而且顯得非常漂亮,像寫字一樣,我也可以。
查看全部 -
使用谷歌或者什么搜狐這個(gè)字母是真的多。Hef等于css杠斜杠抵抗a點(diǎn)css
查看全部 -
2-1代碼
<!DOCTYPE?html> <html> <head> ????<meta?http-equiv="Content-type"?content="text/html;?charset=utf-8"?/> ????<title>慕課七夕主題</title> ????<script?src="http://img1.sycdn.imooc.com//down/55ac9a860001a6c500000000.js"></script> ????<style?type="text/css"> ????*?{ ????????padding:?0; ????????margin:?0; ????} ????ul, ????li?{ ????????list-style-type:?none; ????} ????/*主體部分*/ ????#content?{ ????????width????:?60%; ????????height???:?60%; ????????top??????:?20%; ????????left?????:?20%; ????????overflow?:?hidden; ????????position?:?absolute; ????????border???:?1px?solid?#ccc; ????} ???? ????.content-wrap?{ ????????position:?relative; ????} ????.content-wrap?>?li?{ ????????width:?100%; ????????height:?100%; ????????background:?#CAE1FF; ????????color:?red; ????????float:?left; ????????overflow:?hidden; ????????position:?relative; ????} ????li:nth-child(2)?{ ???????background:?#9BCD9B; ????} ??? ????li:nth-child(3)?{ ???????background:?yellow; ????} ???? ????</style> </head> <body> ????<div?id='content'> ????????<ul?class='content-wrap'> ????????????<!--?第一副畫面?--> ????????????<li>?頁面1?</li> ????????????<!--?第二副畫面?--> ????????????<li>?頁面2?</li> ????????????<!--?第三副畫面?--> ????????????<li>?頁面3?</li> ????????</ul> ????</div> ????<script?type="text/javascript"> ????????var?container?=?$("#content"); ????????//?獲取第一個(gè)子節(jié)點(diǎn) ????????var?element?=?container.find(":first"); ????????//?li頁面數(shù)量 ????????var?slides?=?element.find("li"); ????????//?獲取容器尺寸 ????????var?width?=?container.width(); ????????var?height?=?container.height(); ????????//?設(shè)置li頁面總寬度 ????????element.css({ ????????????width??:?(slides.length?*?width)?+?'px', ????????????height?:?height?+?'px' ????????}); ????????//?設(shè)置每一個(gè)頁面li的寬度 ????????$.each(slides,?function(index)?{ ????????????var?slide?=?slides.eq(index);?//獲取到每一個(gè)li元素???? ????????????//? ????????????slide.css({ ?????????????width??:?width?+?'px', ????????????height?:?height?+?'px' ????????}); ????????}); ????</script> </body> </html>
查看全部 -
2-1代碼
<!DOCTYPE?html> <html> <head> ????<meta?http-equiv="Content-type"?content="text/html;?charset=utf-8"?/> ????<title>慕課七夕主題</title> ????<script?src="http://img1.sycdn.imooc.com//down/55ac9a860001a6c500000000.js"></script> ????<style?type="text/css"> ????*?{ ????????padding:?0; ????????margin:?0; ????} ????ul, ????li?{ ????????list-style-type:?none; ????} ????/*主體部分*/ ????#content?{ ????????width????:?60%; ????????height???:?60%; ????????top??????:?20%; ????????left?????:?20%; ????????overflow?:?hidden; ????????position?:?absolute; ????????border???:?1px?solid?#ccc; ????} ???? ????.content-wrap?{ ????????position:?relative; ????} ????.content-wrap?>?li?{ ????????width:?100%; ????????height:?100%; ????????background:?#CAE1FF; ????????color:?red; ????????float:?left; ????????overflow:?hidden; ????????position:?relative; ????} ????li:nth-child(2)?{ ???????background:?#9BCD9B; ????} ??? ????li:nth-child(3)?{ ???????background:?yellow; ????} ???? ????</style> </head> <body> ????<div?id='content'> ????????<ul?class='content-wrap'> ????????????<!--?第一副畫面?--> ????????????<li>?頁面1?</li> ????????????<!--?第二副畫面?--> ????????????<li>?頁面2?</li> ????????????<!--?第三副畫面?--> ????????????<li>?頁面3?</li> ????????</ul> ????</div> ????<script?type="text/javascript"> ????????var?container?=?$("#content"); ????????//?獲取第一個(gè)子節(jié)點(diǎn) ????????var?element?=?container.find(":first"); ????????//?li頁面數(shù)量 ????????var?slides?=?element.find("li"); ????????//?獲取容器尺寸 ????????var?width?=?container.width(); ????????var?height?=?container.height(); ????????//?設(shè)置li頁面總寬度 ????????element.css({ ????????????width??:?(slides.length?*?width)?+?'px', ????????????height?:?height?+?'px' ????????}); ????????//?設(shè)置每一個(gè)頁面li的寬度 ????????$.each(slides,?function(index)?{ ????????????var?slide?=?slides.eq(index);?//獲取到每一個(gè)li元素???? ????????????//? ????????????slide.css({ ?????????????width??:?width?+?'px', ????????????height?:?height?+?'px' ????????}); ????????}); ????</script> </body> </html>
查看全部 -
W查看全部
-
筆記功能有點(diǎn)類似評(píng)論查看全部
-
錨鉤查看全部
-
列表項(xiàng)無法設(shè)置高度
dom.find用法
查看全部 -
整體—>細(xì)節(jié)
查看全部 -
imooc.com
查看全部 -
七夕查看全部
-
第一幅畫面中:天上太陽的移動(dòng)、云的來回飄移、小男孩沿著中間道路一直在走,頁面也在滾動(dòng)。
第二幅動(dòng)畫中:小男孩移動(dòng)進(jìn)了商店前的位置,商店的門開始打開,商店的燈光開始變暗。小男孩抱著一束花出來,商店關(guān)門。
第三幅頁面中:星星變暗變亮的效果,橋下的水波在流動(dòng),小男孩上橋的動(dòng)作。小男孩走到女孩子的面前,這是等待一下,他們一起轉(zhuǎn)身后牽手,同時(shí)慕課網(wǎng)的logo會(huì)出現(xiàn),天上的櫻花正在飄下來。
查看全部 -
有趣查看全部
-
有趣查看全部
舉報(bào)