整合營(yíng)銷服務(wù)商

          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理

          免費(fèi)咨詢熱線:

          純CSS3炫酷APP滑動(dòng)菜單特效

          純CSS3炫酷APP滑動(dòng)菜單特效

          天給大家?guī)淼膬?nèi)容是一款非常時(shí)尚的純CSS3炫酷手機(jī)APP滑動(dòng)菜單動(dòng)畫特效。

          當(dāng)鼠標(biāo)移動(dòng)到手機(jī)界面上的時(shí)候,菜單中的小圖標(biāo)會(huì)逐個(gè)滑動(dòng)顯示出來。而當(dāng)鼠標(biāo)移動(dòng)到菜單區(qū)域會(huì)出現(xiàn)一個(gè)非常酷的半圓形擴(kuò)展動(dòng)畫,同時(shí)菜單文字將逐一展現(xiàn)出來。

          具體效果如下圖:

          簡(jiǎn)單教程

          HTML結(jié)構(gòu)部分:手機(jī)界面滑動(dòng)菜單動(dòng)畫特效的主要部分是菜單圖標(biāo)和菜單項(xiàng)的展示。這里使用一個(gè)嵌套<div>結(jié)構(gòu),菜單項(xiàng)中有超鏈接<a>元素來制作。

          CSS樣式部分:

          開始的時(shí)候,菜單使用 right:﹣10px;隱藏起來。

          當(dāng)鼠標(biāo)滑過的時(shí)候在將這個(gè)菜單列表再移回到屏幕當(dāng)中。

          每個(gè)菜單項(xiàng)都要通過nth﹣child旋轉(zhuǎn)器來選擇然后添加延遲時(shí)間。

          至于半透明的遮罩層則使用social元素的:after偽元素來制作。

          當(dāng)鼠標(biāo)滑過屏幕上方的header元素時(shí)將移動(dòng)它的left屬性,制作最后的效果。

          今天的內(nèi)容就分享到這里,更多內(nèi)容敬請(qǐng)期待!

          arMaster中文版,來自于丹麥皇家音樂學(xué)院的視唱練耳多媒體音樂教育軟件。

          它以問答的交互形式,寓教于樂的視聽方法幫助人們學(xué)習(xí)音樂知識(shí),對(duì)專業(yè)和非專業(yè)音樂人士都有極大的幫助。

          在Win和Mac系統(tǒng)上都可以流暢使用,也可以在IPad上使用,隨時(shí)學(xué)習(xí),隨時(shí)練習(xí),十分方便。

          今天主要是幫助萌新們熟悉一下EarMaster的界面與幾個(gè)主要的菜單功能。

          EarMaster打開后的界面是這樣的。

          如果打開后是英文版的,這就是我們首先會(huì)講到的軟件基礎(chǔ)設(shè)置。

          點(diǎn)開后的詳細(xì)菜單設(shè)置如下:

          語(yǔ)言設(shè)置在“其它選項(xiàng)”→“語(yǔ)言”里可以設(shè)置,選擇【chinese_simp】就是簡(jiǎn)體中文。

          這一塊則可以進(jìn)行EarMaster的音效設(shè)置。

          軟件的設(shè)置差不多就這些,隨后我們來看看界面菜單。

          左上角的這里,可以登錄EarMaster Cloud的云賬號(hào)。

          文件菜單里,可以打開自己保存并導(dǎo)出過的課程,也可以將老版本EarMaster里的課程導(dǎo)入到新版本中。

          幫助菜單里,可以學(xué)習(xí)樂理知識(shí),查看版本更新和快捷鍵。

          當(dāng)然我們最需要了解的是“序列號(hào)管理器”,這是我們注冊(cè)激活的地方。

          軟件的激活就是在這里進(jìn)行的。

          EarMaster(http://www.earmasterchina.cn/chanpin.html)的幾個(gè)主要菜單功能就是這些了。

          TML5 新屬性。

          屬性描述
          accesskey設(shè)置訪問元素的鍵盤快捷鍵。
          class規(guī)定元素的類名(classname)
          contenteditableNew規(guī)定是否可編輯元素的內(nèi)容。
          contextmenuNew指定一個(gè)元素的上下文菜單。當(dāng)用戶右擊該元素,出現(xiàn)上下文菜單
          data-*New用于存儲(chǔ)頁(yè)面的自定義數(shù)據(jù)
          dir設(shè)置元素中內(nèi)容的文本方向。
          draggableNew指定某個(gè)元素是否可以拖動(dòng)
          dropzoneNew指定是否將數(shù)據(jù)復(fù)制,移動(dòng),或鏈接,或刪除
          hiddenNewhidden 屬性規(guī)定對(duì)元素進(jìn)行隱藏。
          id規(guī)定元素的唯一 id
          lang設(shè)置元素中內(nèi)容的語(yǔ)言代碼。
          spellcheckNew檢測(cè)元素是否拼寫錯(cuò)誤
          style規(guī)定元素的行內(nèi)樣式(inline style)
          tabindex設(shè)置元素的 Tab 鍵控制次序。
          title規(guī)定元素的額外信息(可在工具提示中顯示)
          translateNew指定是否一個(gè)元素的值在頁(yè)面載入時(shí)是否需要翻譯

          如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!


          主站蜘蛛池模板: 国产成人一区二区动漫精品| 成人国产精品一区二区网站| 国产在线精品一区二区在线看| 日韩精品无码一区二区三区不卡| 国产麻豆媒一区一区二区三区| 人妻无码第一区二区三区| 乱人伦一区二区三区| 国产成人一区二区三区高清| 日本国产一区二区三区在线观看| 欧洲无码一区二区三区在线观看| 国产午夜毛片一区二区三区| 日韩精品无码人妻一区二区三区| 另类ts人妖一区二区三区| 日韩三级一区二区| 国产一区二区精品久久91 | 精品国产伦一区二区三区在线观看 | 无码国产精品久久一区免费| 精品亚洲A∨无码一区二区三区| 久久精品一区二区三区四区| 人妻AV一区二区三区精品 | 婷婷亚洲综合一区二区| 国产一区二区三区在线观看免费| 男人的天堂精品国产一区| 国产伦精品一区二区免费| 无码精品人妻一区二区三区漫画 | 人妻无码一区二区三区四区| 国产电影一区二区| 精品人伦一区二区三区潘金莲 | 成人H动漫精品一区二区| 亚洲AV成人精品日韩一区18p| 亚洲美女一区二区三区| 中文字幕永久一区二区三区在线观看 | 无码人妻精品一区二区三区久久久| 日本一区二区三区爆乳| 精品国产一区二区三区久久蜜臀 | 国产一区二区三区乱码在线观看| 色欲AV无码一区二区三区| 国产手机精品一区二区| 国产高清在线精品一区| 亚洲av无码一区二区三区网站| 无码人妻AⅤ一区二区三区水密桃 无码欧精品亚洲日韩一区夜夜嗨 无码毛片一区二区三区中文字幕 无码毛片一区二区三区视频免费播放 |