首先先引入 flexible.js 手機端人適配，引入jquery外掛程式，引入 jquery.charfirst.pinyin,js獲取第乙個漢字首字母
html部分內容
sort.css部分
sort。css的部分**
#letter{
width: 100px;
height: 100px;
border-radius: 5px;
font-size: 75px;
color: #555;
text-align: center;
line-height: 100px;
background: rgba(145,145,145,0.6);
position: fixed;
left: 50%;
top: 50%;
margin:-50px 0px 0px -50px;
z-index: 99;
display: none;
font-family: pingfangsc-medium;
#letter img{
width: 50px;
height: 50px;
float: left;
margin:25px 0px 0px 25px;
.sort_box{
width: 100%;
overflow: hidden;
.sort_list{
padding: .1rem .4rem 0;
position: relative;
height: 1.2rem;
line-height: 1.2rem;
background: #fff;
color: #222;
font-size: 16px;
color: #000;
box-sizing: content-box;
.sort_list .num_logo{
width: 50px;
height: 50px;
border-radius: 10px;
overflow: hidden;
position: absolute;
top: 5px;
left: 20px;
.sort_list .num_name{
color: #000;
/*border-bottom: .5px solid #ebebeb;*/
.sort_letter{
height: .6rem;
line-height: .6rem;
padding-left: .4rem;
color:#000;
font-size: .28rem;
/*border-bottom:1px solid #ddd;*/
.initials{
position: fixed;
display: inline-flex;
flex-direction: column;
justify-content: center;
align-items: center;
top: 1rem;
right: .3rem;
height: 100%;
width: 16px;
padding-right: 0;
text-align: center;
font-size: 0.22rem;
line-height: 0.32rem;
font-family: pingfangsc-medium;
z-index: 99;
background: transparent;
color: #222;
.initials li+li{
padding-top:0.04rem;
效果圖：
請大佬幫助，我只是小白乙隻，只會使用有些地方還不是明白
C語言通訊錄製作
要求 有完整的介面，增刪改查功能。人員資訊包括編號 姓名 住址 工作單位 職位。使用文字文件儲存和讀取。主要知識 結構體，檔案的操作，字串陣列的比較等 實現 include include includetypedef structperson void menu 選單 void addperson...
如何獲得android手機通訊錄的字母顯示 兩）
隨後的寫如何使各第一字母顯示相同的分類觸點 於adapter implement sectionindexer 這項adapter必須在下面可以實現3介面 override public object getsections override public int getpositionforsec...
c語言 資料結構 課程設計 通訊錄製作
c語言 資料結構 課程設計 原始碼 infobook.c datastruct.h typedef struct node node,node typedef struct linkedlist linkedlist,list d盤下infobook.txt的內容格式 第乙個數字字元為通訊錄的當前記...