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動畫短片
在一個偏遠的農場，時間緩緩流動，過往的記憶在老舊的房間內瀰漫。久遠的歌聲響起，牽動著往昔的回憶。孤獨的老太太凝望著丈夫的相片，生死一別之後，重逢將在何時？...