您的位置:1010cc时时彩经典版 > 1010cc时时彩客户端 > JQuery悬停调整图片轮播,jquery仿天涯论坛动画

JQuery悬停调整图片轮播,jquery仿天涯论坛动画

发布时间:2019-08-15 13:05编辑:1010cc时时彩客户端浏览(185)

    基于jQuery仿去哪儿城市选择代码,jquery仿城市代码

    基于jQuery仿去哪儿城市选择代码。这是一款使用的jQuery城市选择特效代码下载。效果图如下:

    图片 1

    在线预览    源码下载

    实现的代码。

    html代码:

    <div class="lineSearch">
      <ul>
          <li class="thRelative" id="hhDrop00">
            <div class="boxSearch">
    
                <b class="size_14">北京</b>
                出发城市
    
              <em class="ico thLeft ico_shBlue"></em>
              <a class="thRight ico btn_search" href="javascript:void(0)"></a>
            </div>
            <div class="search_form_suggest" style="display:none;">
              <h3><a class="ico btn_close thRight" item="close">关闭</a>热门出发城市</h3>
              <dl class="search_hotList">
                <dd class="clr_after">
                  <a href="#">北京</a>
                  <a href="#">上海</a>
                  <a href="#">广州</a>
                  <a href="#">成都</a>
                  <a href="#">杭州</a>
                  <a href="#">南京</a>
                  <a href="#">深圳</a>
                  <a href="#">济南</a>
                  <a href="#">石家庄</a>
                  <a href="#">武汉</a>
                  <a href="#">郑州</a>
                  <a href="#">重庆</a>
                  <a href="#">福州</a>
                  <a href="#">西安</a>
                  <a href="#">长沙</a>
                  <a href="#">沈阳</a>
                  <a href="#">天津</a>
                  <a href="#">哈尔滨</a>
                  <a href="#">苏州</a>
                  <a href="#">南宁</a>
                </dd>
              </dl>
    
              <div class="clear"></div>
              <div class="select_city_box" item="dep-search">
                输入出发城市
                <input type="text" class="input_city" item="key">
                <button class="btn" type="button" item="commit"></button>
                <div class="search_city_result" item="result" style="display:;">
                  <a href="javascript:void();">广州</a> 没有匹配城市
                </div>
              </div>
    
              <div class="thLeft thPadT5 tab_select">
                <dl class="clrfix">
                  <dt>A-G</dt>
                  <dd class="clr_after">
                    <a href="#">北京</a>
                    <a href="#">长沙</a>
                    <a href="#">成都</a>
                    <a href="#">重庆</a>
                    <a href="#">福州</a>
                    <a href="#">广州</a>
                    <a href="#">贵阳</a>
                  </dd>
                </dl>
                <dl class="clrfix">
                  <dt>H-L</dt>
                  <dd class="clr_after">
                    <a href="#">哈尔滨</a>
                    <a href="#">杭州</a>
                    <a href="#">合肥</a>
                    <a href="#">济南</a>
                    <a href="#">昆明</a>
                  </dd>
                </dl>
                <dl class="clrfix">
                  <dt>M-T</dt>
                  <dd class="clr_after">
                    <a href="#">南昌</a>
                    <a href="#">南京</a>
                    <a href="#">南宁</a>
                    <a href="#">宁波</a>
                    <a href="#">青岛</a>
                    <a href="#">三亚</a>
                    <a href="#">上海</a>
                    <a href="#">沈阳</a>
                    <a href="#">深圳</a>
                    <a href="#">石家庄</a>
                    <a href="#">苏州</a>
                    <a href="#">太原</a>
                    <a href="#">天津</a>
                  </dd>
                </dl>
                <dl class="clrfix">
                  <dt>W-Z</dt>
                  <dd class="clr_after">
                    <a href="#">武汉</a>
                    <a href="#">厦门</a>
                    <a href="#">西安</a>
                    <a href="#">郑州</a>
                    <a href="#">中山</a>
                  </dd>
                </dl>
              </div>  
            </div>
          </li>
    
          <li class="thRelative" id="hhDrop01">
            <div class="boxSearch">
    
                <b class="size_14">广州</b>
                到达城市
    
              <em class="ico thLeft ico_shBlue"></em>
              <a class="thRight ico btn_search" href="javascript:void(0)"></a>
            </div>
            <div class="search_form_suggest" style="display:none;">
              <h3><a class="ico btn_close thRight" item="close">关闭</a>热门出发城市</h3>
              <dl class="search_hotList">
                <dd class="clr_after">
                  <a href="#">北京</a>
                  <a href="#">上海</a>
                  <a href="#">广州</a>
                  <a href="#">成都</a>
                  <a href="#">杭州</a>
                  <a href="#">南京</a>
                  <a href="#">深圳</a>
                  <a href="#">济南</a>
                  <a href="#">石家庄</a>
                  <a href="#">武汉</a>
                  <a href="#">郑州</a>
                  <a href="#">重庆</a>
                  <a href="#">福州</a>
                  <a href="#">西安</a>
                  <a href="#">长沙</a>
                  <a href="#">沈阳</a>
                  <a href="#">天津</a>
                  <a href="#">哈尔滨</a>
                  <a href="#">苏州</a>
                  <a href="#">南宁</a>
                </dd>
              </dl>
    
              <div class="clear"></div>
              <div class="select_city_box" item="dep-search">
                输入出发城市
                <input type="text" class="input_city" item="key">
                <button class="btn" type="button" item="commit"></button>
                <div class="search_city_result" item="result" style="display:;"><a href="javascript:void(0);">北京</a> 没有匹配城市</div>
              </div>
    
              <div class="thLeft thPadT5 tab_select">
                <dl class="clrfix">
                  <dt>A-G</dt>
                  <dd class="clr_after">
                    <a href="#">北京</a>
                    <a href="#">长沙</a>
                    <a href="#">成都</a>
                    <a href="#">重庆</a>
                    <a href="#">福州</a>
                    <a href="#">广州</a>
                    <a href="#">贵阳</a>
                  </dd>
                </dl>
                <dl class="clrfix">
                  <dt>H-L</dt>
                  <dd class="clr_after">
                    <a href="#">哈尔滨</a>
                    <a href="#">杭州</a>
                    <a href="#">合肥</a>
                    <a href="#">济南</a>
                    <a href="#">昆明</a>
                  </dd>
                </dl>
                <dl class="clrfix">
                  <dt>M-T</dt>
                  <dd class="clr_after">
                    <a href="#">南昌</a>
                    <a href="#">南京</a>
                    <a href="#">南宁</a>
                    <a href="#">宁波</a>
                    <a href="#">青岛</a>
                    <a href="#">三亚</a>
                    <a href="#">上海</a>
                    <a href="#">沈阳</a>
                    <a href="#">深圳</a>
                    <a href="#">石家庄</a>
                    <a href="#">苏州</a>
                    <a href="#">太原</a>
                    <a href="#">天津</a>
                  </dd>
                </dl>
                <dl class="clrfix">
                  <dt>W-Z</dt>
                  <dd class="clr_after">
                    <a href="#">武汉</a>
                    <a href="#">厦门</a>
                    <a href="#">西安</a>
                    <a href="#">郑州</a>
                    <a href="#">中山</a>
                  </dd>
                </dl>
              </div>  
            </div>
          </li>
    
          <li>
            <div class="thRelative lineSearchbg">
              <em class="thLeft ico ico_serGray"></em>
              <input class="thLeft" name="textfield2" type="text" id="arriveSearchText" value="请输入目的地、主题或关键词" />
              <a class="ico btn_close thLeft" item="close" style="margin:8px 8px 0 0;" id="btn_delete" >删除</a>
              <a class="ico btn_search" item="commit" href="javascript:void(0)">搜&nbsp;&nbsp;索</a>
            </div>
          </li>
      </ul>                    
    </div>
    <div style="text-align:center;clear:both">
    </div>
    

    via:

    基于jQuery仿去哪儿城市选择代码。这是一款使用的jQuery城市选择特效代码下载。效果图如...

    基于jQuery仿搜狐辩论投票动画代码,jquery仿搜狐动画

    基于jQuery仿搜狐辩论投票动画代码。这是一款个性的卡通小人正方反方辩论投票特效代码。效果图如下:

    图片 2

    在线预览    源码下载

    实现的代码。

    html代码:

    <script type="text/javascript">
          $(document).ready(function () {
              var a = 500;
              var b = 130;
              $("#white").animate({ width: 0, left: "250px" }, 1000, function () {
                  $("#vs").fadeIn("slow", function () {
                      $("#all").html(a   b); $("#aa").html(a); $("#bb").html(b);
                      var newLeft = a / (a   b) * 500 - 20   "px"; //20为vs 的一半
                      $("#vs").animate({ left: newLeft }, 1000);
                      $("#red").animate({ width: newLeft }, 1000);
                  });
              });
          });
      </script>
    
      <div id="box_bg">
          <div id="container">
              <div id="green" class="line"></div>
              <div id="red" class="line"></div>
              <div id="white" class="line"></div>
              <div id="vs"></div>
          </div>
      </div>
    
      <div style="width:440px; margin:0px auto;">
          <div id="aa2" class="scope">正方票</div>
          <div id="bb2" class="scope">反共票</div>
          <div id="all2" class="scope">总共票</div>
      </div>
    
    via:http://www.w2bc.com/article/2015-12-27-jquery-vote
    

    基于jQuery仿搜狐辩论投票动画代码。这是一款个性的卡通小人正方反方辩论投票特效代...

    jquery实现的鼠标悬停图片自动轮播效果,当把鼠标悬停到图片时,图像就会不断循环播放,速度非常快,效果非常逼真,就和在放武侠片一样,使用了jquery实现,下面小编给大家分析jq悬停控制图片轮播,请看小面的效果图。

    JavaScript实现仿新浪微博大厅和未登录腾讯微博首页滚动效果,貌似这些天有不少朋友需要这功能,前几天已经发了几个了,不过那一个效果是用jquery实现的《jQuery向上循环滚动(仿新浪微博未登录首页滚动微博显示)》,今天发现这款是js制作的好,不敢独享,希望需要的朋友喜欢哦。

    基于jQuery实现交互体验社会化分享代码附源码下载,jquery源码下载

    先给大家展示下效果图,看看是不是亲想要的效果,如果满足您的要求请继续往下阅读。

    图片 3

    效果展示       源码下载

    基于jQuery交互体验社会化分享代码。这是一款鼠标点击分享按钮向右滑出腾讯微博,新浪微博,QQ空间,豆瓣,微信,二维码分享等分享平台。

    html代码:

    <div style="text-align:center;font:normal 14px/24px 'MicroSoft YaHei';clear:both;width:160px;margin:0 auto;">
        <br /><br /><br /><br /><br /><br />
        <div id="socialShare"></div>
        <script>
          $(function () {
            $("#socialShare").socialShare({
              content: '',
              url: '',
              titile: ''
            });
          });
          $("#shareQQ").on("click", function () {
            $(this).socialShare("tQQ");
          })
        </script>
      </div>
    

    基于jQuery实现交互体验社会化分享代码附源码下载的相关内容就给大家介绍到这里,以上代码比较简单,应用非常广泛,希望大家喜欢。

    图片 4

    效果图展示如下:

    您可能感兴趣的文章:

    • Jquery api 速查表分享
    • 使用jquery操作session方法分享
    • IE下支持文本框和密码框placeholder效果的JQuery插件分享
    • 15款jQuery分布引导插件分享
    • jQuery前端分页示例分享
    • jQuery插件jcrop Fileapi完美实现图片上传 裁剪 预览的代码分享
    • 分享十五款 jQuery 社交网络分享插件
    • jQuery封装的tab选项卡插件分享
    • jQuery树形下拉菜单特效代码分享
    • jquery实现漫天雪花飞舞的圣诞祝福雪花效果代码分享
    • jQuery实现输入框下拉列表树插件特效代码分享
    • jQuery实现自动与手动切换的滚动新闻特效代码分享
    • jQuery超精致图片轮播幻灯片特效代码分享
    • jQuery图片轮播滚动切换代码分享

    先给大家展示下效果图,看看是不是亲想要的效果,如果满足您的要求请...

    在线预览             源码下载

    图片 5

    本文由1010cc时时彩经典版发布于1010cc时时彩客户端,转载请注明出处:JQuery悬停调整图片轮播,jquery仿天涯论坛动画

    关键词: