純CSS實現移動端滾動導航效果
在手機web app開發中會涉及到水平導航，代碼如下： .nav_dh{box-sizing: border-box;width: 100%;overflow-y: auto; ...
原文：Angularjs 實現移動端在線測評效果
注：此文所用的angular版本為 . 一 運行效果圖 二 需求 . 點擊選項時，背景變為黃色 即選中狀態 ，並且自動切換到下一題 . 切換到下一題時，頂部進度隨之改變 . 選中時要把對應的分值記錄下來 因為要根據分值算出最后的測評結果 . 通過向右滑動可以查看前面做過的題目 . 當前題目沒選，無法切換到下一題 . 當選中最后一道題目時，切換到測評結果頁 三 具體實現 題目json數據，總共 道題 ...
2017-04-05 14:17 1 1601 推薦指數：
相關推薦
css移動端:acitve效果的實現
做移動前端也有一些日子了，一直有個問題沒有解決，就是與pc端那樣的一個:hover的效果，:hover是鼠標指針浮動在其上的元素的一個選擇器，但因為在移動端是沒有鼠標的，代替的是觸摸屏，用戶也不是有“鼠標指針浮動在其上的元素”的情況，有也很少。 所以取代的應該:active這個選擇器，但是通過實踐 ...
移動端輪播滑動效果（swiper實現）
swiper 官網地址：https://www.swiper.com.cn/ Swiper在移動端的實際應用（演示） https://www.swiper.com.cn/demo/senior/index.html https://blog.csdn.net/weixin_42931825 ...
Html5實現移動端、PC端 刮刮卡效果
剛從南方回來就分了一個刮刮卡效果的頁面，特么的我在煩惱怎么用H5去實現這個效果呢，好不容易寫出來了，產品居然說：“既然你可以寫出來這個效果那當然好了，開始我只是打算讓你實現點擊就出現呢！”… … 尼瑪干嘛不早說呢？？？？？真是自找麻煩。既然寫了就分享給大家吧，這個效果其實很早就有了，只是我們不常用 ...
angularJs實現排序效果
<body> <div ng-app="myApp" ng-controller="myCtrl"> <table border="1" cellspacing="0" ...
移動端效果之Swiper
寫在前面 最近在做移動端方面運用到了餓了么的vue前端組件庫，因為不想單純用組件而使用它，故想深入了解一下實現原理。后續將會繼續研究一下其他的組件實現原理，有興趣的可以關注下。 代碼在這里：戳我 or github 移動端效果之Picker 移動端效果之CellSwiper 移動端 ...
移動端效果之Picker
寫在前面 接着前面的移動端效果的研究，這次來看看picker選擇器的實現原理 移動端效果之Swiper 移動端效果之CellSwiper 移動端效果之IndexList 代碼看這里：github 1. 核心解析 1.1 基本HTML結構 1.2 初始化DOM 由於餓 ...
移動端彈性效果
布局一： 定義頁面整體高度為100%，然后使用 position:absolute 布局可解決 <body> <div class="wrap"> <div ...