jQuery選取元素時,可以使用到parent(),選擇層級元素的上階層級,但往往需要在選取在上一階層,如父親的父親(阿公),如範例<li>的爸爸<ul>,<ul>的爸爸<nav>,要對<nav>做些事情時,要如何處理? 這時候其實很簡單,只要在相同的parent()之後再接續一個parent(),就能找到你要的元素層級,如下範例展示對<nav>插入一個Hello文字。 HTML text text text text jQuery $(function(){...
搜尋結果

flexbox CSS menu RWD簡單實現方式
HTML text text text text css ul{ list-style-type: none; margin: 0; padding: 0; text-align: center; } ul li{ background-color: gray; padding: 10px; } ul li:hover{ background-color: rgb(138, 138, 138); } @media screen and (min-width:768px) { ul{ display: flex; } ul li{...
網頁動畫效果WOW.js+animate.css頁面滾動更有趣
Animate.css是個動畫CSS library,不過主要是專注在處理動畫的部分,並不負責在網頁上該什麼時機呈現動畫,加上WOW.js,如捲軸頁面在向下滾動的時候,有些元素會產生細小的動畫效果。雖然動畫比較小,但卻能吸引你的注意。如果你希望你的頁面也更加有趣,那麼你可以試試WOW.js。 WOW.js依賴animate.css,所以它支持animate.css多達60多種的動畫效果,能滿足您的各種需求。 瀏覽器兼容 IE6、IE7 等老舊瀏覽器不支持CSS3 動畫,所以沒有效果;而wow.js...
PHP array 反轉陣列排列順序
$a=array(‘a’,’1′,’2′,’b’); print_r(array_reverse($a)); 顯示結果: Array ( [0] => b [1] => 2 [2] => 1 [3] => a )
機器人與孤獨的婆婆Presents動畫短片
一位婆婆時常沒有人陪,她的兒子因生活忙碌,所以沒空照顧她,婆婆每天孤單的在家。 有一天,他兒子寄了一個包裹給她,婆婆把它打開後發現裡面是一個機器人。...
法國動畫師向宮崎駿致敬3D重塑宮崎駿世界
日本動畫大師宮崎駿的名字,對台灣民眾來說並不陌生。從小到大,他的動畫作品陪無數人走過成長過程。近期有位法國動畫師用3D動畫引擎重組宮崎駿電影中的各種素材,將各部動畫中的角色、場景完美交融在一起,讓不少網友感傷不已。 來自法國的3D動畫師Dono,近日在影音平台Vimeo上傳了一支名為《向宮崎駿致敬》(Tribute to Hayao Miyazaki)的影片。以《神隱少女》的配樂為襯托,帶觀眾重溫《神隱少女》、《龍貓》、《天空之城》、《魔女宅急便》等曾經耳熟能詳的經典動畫。...
邪惡娃娃屋Alma動畫短片
邪惡娃娃屋也譯為恐怖玩具屋、女孩阿爾瑪,是2009年一部動畫短片。由前皮克斯藝術家羅德里格·布拉斯執導。羅德里格·布拉斯之前曾為動畫片《海底總動員》、《飛屋環遊記》以及《冰河世紀》工作過。短片長5分鐘,沒有對白。...
老太太與死神The Lady And The Reaper動畫短片
在一個偏遠的農場,時間緩緩流動,過往的記憶在老舊的房間內瀰漫。久遠的歌聲響起,牽動著往昔的回憶。孤獨的老太太凝望著丈夫的相片,生死一別之後,重逢將在何時?...