jQuery 手风琴特效

  • 使用语音外呼的模式将指定的语音呼入至接听人,可通过这种方式为针对性的客户提供会议通知、活动通知,并可通过API接口程序化控制呼出时间、呼出效果反馈
  • 点击呼叫
    点击呼叫
    通过APP应用内按钮或浏览器网页按钮点击并发起IP通话、运营商线路通话服务,减少用户交互,提升用户体验
  • 直拨通话
    直拨通话
    无论是智能终端、浏览器模式,通过APP或者网页发起通话,接通方为手机用户或固话用户,常见集成至与企业服务相关的移动应用、企业客服座席。
  • 回拨通话
    回拨通话
    同时通过平台方发起主叫和被叫双方,定制通话方满足不同需求的客户服务,企业服务易可根据具体业务需求为客户提供定制服务
  • 互联网通话
    互联网通话
    基于互联网纯网络通话,无运营商和地域限制,拥有更清晰的语音质量,支持语音三方密钥的加密传输
  • 语音会议
    语音会议
    同时桥接多人基于IP、电话语音的会议服务,基于API控制会议时长、成员邀请、禁音、移除等功能。
*{ margin:0; padding:0; list-style:none}
        .container { background: #404344; padding: 0px; height: 610px;}
        .box_2 { width: 1180px; position: relative; left: 50%; margin-left: -590px;}
        .box_2 ul li { float: left; display: inline; height: 610px; color: #fff; cursor: pointer; position: relative;}
        .box_2 ul li.li1 { background: #4a9ebd}
        .box_2 ul li.li2 { background: #4abdb9}
        .box_2 ul li.li3 { background: #90d73d}
        .box_2 ul li.li4 { background: #e3d02c}
        .box_2 ul li.li5 { background: #e37e2c}
        .box_2 ul li.li6 { background: #cc428d}
        .box_2 .fold { width: 100px; height: 100%; text-align: center; position: absolute; top: 0px; left: 0px;}
        .box_2 .fold .img { display: block; background: url("../Image/AccordionImg/icon.png") 0 0 no-repeat; margin-bottom: 20px; margin-top: 236px;}
        .box_2 .li1 .fold .img { background-position: -482px -181px; width: 56px; height: 113px; margin: 236px 20px 20px 20px;}
        .box_2 .li2 .fold .img { background-position: 0 -417px; width: 51px; height: 138px; margin: 236px 25px 28px 25px;}
        .box_2 .li3 .fold .img { background-position: -64px -413px; width: 54px; height: 142px; margin: 239px 23px 20px 23px;}
        .box_2 .li4 .fold .img { background-position: -136px -204px; width: 76px; height: 96px; margin: 276px 12px 26px 12px;}
        .box_2 .li5 .fold .img { background-position: -141px -420px; width: 53px; height: 116px; margin: 259px 23px 24px 23px;}
        .box_2 .li6 .fold .img { background-position: -172px -306px; width: 54px; height: 104px; margin: 270px 23px 25px 23px;}
        .box_2 .fold .txt { font-size: 24px; display: block; width: 25px; font-weight: normal; margin: 0px 38px; line-height: 25px;}
        .box_2 .unfold { width: 680px; height: 100%; display: none; position: absolute; top: 0px; left: 0px;}
        .box_2 .unfold dl { margin: 50px 60px 0px 60px;}
        .box_2 .unfold dt { width: 100%; text-align: center; margin-bottom: 40px;}
        .box_2 .unfold dd { font-size: 18px; line-height: 35px;}
        .box_2 .unfold dd b { font-size: 30px; font-weight: normal;}
        .box_2 .unfold dd b a { font-size: 14px; display: inline-block; color: #fff; margin-left: 40px;}

注意:在引用jQuery时不能使用高版本的jQuery插件,高版本的jQuery会有API升级的问题


你可能感兴趣的:(JS)