内射老阿姨1区2区3区4区_久久精品人人做人人爽电影蜜月_久久国产精品亚洲77777_99精品又大又爽又粗少妇毛片

jQuery如何實現(xiàn)簡單的手風(fēng)琴

這篇文章主要講解了jQuery如何實現(xiàn)簡單的手風(fēng)琴,內(nèi)容清晰明了,對此有興趣的小伙伴可以學(xué)習(xí)一下,相信大家閱讀完之后會有幫助。

創(chuàng)新互聯(lián)-云計算及IDC服務(wù)提供商,涵蓋公有云、IDC機房租用、服務(wù)器托管、等保安全、私有云建設(shè)等企業(yè)級互聯(lián)網(wǎng)基礎(chǔ)服務(wù),歡迎來電:028-86922220

實現(xiàn)手風(fēng)琴效果如圖所示:

jQuery如何實現(xiàn)簡單的手風(fēng)琴

html結(jié)構(gòu):

<div class="item_box box10">
 <div class="item_box_wp">
  <div class="voice_2">
   <ul>
    <li class="li1" id="li1">
     <div class="fold" >
      <span class="img"></span>
      <span class="txt">插件庫</span>
     </div>
     <div class="unfold" >
      <dl>
       <dt><img src="images/img10.png" /></dt>
       <dd>
       </dd>
       <dd>使用語音外呼的模式將指定的語音呼入至接聽人,可通過這種方式為針對性的客戶提供會議通知、活動通知,并可通過API接口程序化控制呼出時間、呼出效果反饋</dd>
      </dl>
     </div>
    </li>
    <li class="li2">
     <div class="fold">
      <span class="img"></span>
      <span class="txt">點擊呼叫</span>
     </div>
     <div class="unfold">
      <dl>
       <dt><img src="images/img42.png" /></dt>
       <dd>
       </dd>
       <dd>通過APP應(yīng)用內(nèi)按鈕或瀏覽器網(wǎng)頁按鈕點擊并發(fā)起IP通話、運營商線路通話服務(wù),減少用戶交互,提升用戶體驗</dd>
      </dl>
     </div>
    </li>
    <li class="li3">
     <div class="fold">
      <span class="img"></span>
      <span class="txt">直撥通話</span>
     </div>
     <div class="unfold">
      <dl>
       <dt><img src="images/img49.png" /></dt>
       <dd>
       </dd>
       <dd>無論是智能終端、瀏覽器模式,通過APP或者網(wǎng)頁發(fā)起通話,接通方為手機用戶或固話用戶,常見集成至與企業(yè)服務(wù)相關(guān)的移動應(yīng)用、企業(yè)客服座席。</dd>
      </dl>
     </div>
    </li>
    <li class="li4">
     <div class="fold">
      <span class="img"></span>
      <span class="txt">回?fù)芡ㄔ?lt;/span>
     </div>
     <div class="unfold">
      <dl>
       <dt><img src="images/img50.png" /></dt>
       <dd>
       </dd>
       <dd>同時通過平臺方發(fā)起主叫和被叫雙方,定制通話方滿足不同需求的客戶服務(wù),企業(yè)服務(wù)易可根據(jù)具體業(yè)務(wù)需求為客戶提供定制服務(wù)</dd>
      </dl>
     </div>
    </li>
    <li class="li5">
     <div class="fold">
      <span class="img"></span>
      <span class="txt">互聯(lián)網(wǎng)通話</span>
     </div>
     <div class="unfold">
      <dl>
       <dt><img src="images/img51.png" /></dt>
       <dd>
       </dd>
       <dd>基于互聯(lián)網(wǎng)純網(wǎng)絡(luò)通話,無運營商和地域限制,擁有更清晰的語音質(zhì)量,支持語音三方密鑰的加密傳輸</dd>
      </dl>
     </div>
    </li>
    <li class="li6">
     <div class="fold">
      <span class="img"></span>
      <span class="txt">語音會議</span>
     </div>
     <div class="unfold">
      <dl>
       <dt><img src="images/img52.png" /></dt>
       <dd>
       </dd>
       <dd>同時橋接多人基于IP、電話語音的會議服務(wù),基于API控制會議時長、成員邀請、禁音、移除等功能。</dd>
      </dl>
     </div>
    </li>
   </ul>   
  </div>
 </div>
</div> 

js代碼:

$(function(){
 //語音通知手風(fēng)琴效果
 $(".voice_2 ul li").each(function(){
 var fold = $(this).find(".fold");
 var unfold = $(this).find(".unfold");
 if(fold.is(":hidden")){
 $(this).width(680);
 }else{
 $(this).width(100);
 }
 })
 
 $(".voice_2 ul li").click(function(){
 var li_index = $(this).index();
 $(this).animate({width:680},200);
 $(this).find(".unfold").show();
 $(this).find(".fold").hide();
 $(this).siblings().animate({width:100},200);
 $(this).siblings().find(".unfold").hide();
 $(this).siblings().find(".fold").show();
 })

看完上述內(nèi)容,是不是對jQuery如何實現(xiàn)簡單的手風(fēng)琴有進(jìn)一步的了解,如果還想學(xué)習(xí)更多內(nèi)容,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

本文題目:jQuery如何實現(xiàn)簡單的手風(fēng)琴
URL鏈接:http://www.rwnh.cn/article28/jddpcp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供關(guān)鍵詞優(yōu)化、網(wǎng)站內(nèi)鏈、網(wǎng)站改版、微信公眾號、網(wǎng)站收錄、企業(yè)建站

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

微信小程序開發(fā)
娱乐| 万安县| 昌黎县| 育儿| 青阳县| 图木舒克市| 平塘县| 青州市| 乌鲁木齐县| 平邑县| 庆阳市| 永平县| 英吉沙县| 安徽省| 彝良县| 双流县| 玉林市| 汉川市| 二连浩特市| 高台县| 巧家县| 磐安县| 崇阳县| 七台河市| 赤壁市| 山阳县| 海盐县| 泊头市| 邻水| 晴隆县| 嵊州市| 台中县| 临漳县| 襄汾县| 稷山县| 澄江县| 长丰县| 凤阳县| 松滋市| 报价| 新闻|