​库尔勒网站推广【库尔勒官网推广哪个效果好】库尔勒百度竞价推广托管、库尔勒百度优化推广外包、库尔勒全网霸屏推广多少钱、库尔勒网络推广一年大概多少费-网络推广-网站建设【企业网站制作|网页设计】- 高端网站建设 - 书生商友信息科技-

全国热线:400-111-6878

网站建设推广专家

​库尔勒网站推广【库尔勒官网推广哪个效果好】库尔勒百度竞价推广托管、库尔勒百度优化推广外包、库尔勒全网霸屏推广多少钱、库尔勒网络推广一年大概多少费

发表日期: 2020-07-21 16:23:55 浏览次数:125

库尔勒网站推广【库尔勒官网推广哪个效果好】库尔勒百度竞价推广托管、库尔勒百度优化推广外包、库尔勒全网霸屏推广多少钱、库尔勒网络推广一年大概多少费


库尔勒市(Korla),是新疆巴音郭楞蒙古自治州的地级行政区首府, 位于新疆中部、天山南麓、塔里木盆地东北边缘,北倚天山支脉,南临世界第二大沙漠----塔克拉玛干沙漠。是古丝绸之路中道的咽喉之地和西域文化的发源地之一,是南北疆重要的交通枢纽和物资集散地,也是该地区重要的政治、经济、文化中心。

“库尔勒”维吾尔语意为“眺望”,因盛产驰名中外的“库尔勒香梨”,又称“梨城”。

库尔勒市是西北五省区第一座“全国文明城市”(2009年1月23日评出)。  2015年2月,经中央文明委复查合格确认继续保留“全国文明城市(区)”称号的共有50个单位,在西北五省区,库尔勒市是唯一荣获“三连冠”的全国文明城市。2016年12月7日,库尔勒被列为第三批国家新型城镇化综合试点地区。 

2017年,库尔勒市复查确认继续保留全国文明城市荣誉称号。 2017年12月,当选中国工业百强县(市),被国家民委命名为第五批全国民族团结进步创建示范区。  2018年10月,入选2018年度全国综合实力百强县市、 全国绿色发展百强县市、全国科技创新百强县市、全国新型城镇化质量百强县市。2018年11月,被科技部确定为首批创新型县(市),入选2018年工业百强县(市),  入选中国城市全面小康指数前100名。2018年重新确认国家卫生城市(区)。2019年10月8日,被评为2019年度全国综合实力百强县市、2019年度全国绿色发展百强县市。 2019年度全国新型城镇化质量百强县市。2019中国西部百强县市。


html+css3+jq滑动的图片和列表二级分类

工具/原料

  • adobe dreamweaver

方法/步骤

  1. 准备好需要用到的图标。

    html+css3+jq滑动的图片和列表二级分类
    html+css3+jq滑动的图片和列表二级分类
    html+css3+jq滑动的图片和列表二级分类
    html+css3+jq滑动的图片和列表二级分类
    html+css3+jq滑动的图片和列表二级分类
  2. 新建html文档。

    html+css3+jq滑动的图片和列表二级分类
  3. 书写hmtl代码。

    <div class="indexTypes">

      <ul>

        <li class="current">

          <div class="title">

            <h2>产品分类</h2>

            <a href="">****系列</a> </div>

          <div class="con fl" id="con11">

            <ul>

              <li><a href="">产品分类名称</a></li>

              <li><a href="">产品分类名称</a></li>

              <li><a href="">产品分类名称</a></li>

            </ul>

          </div>

        </li>

        <li>

          <div class="title">

            <h2>产品分类</h2>

            <a href="">****系列</a> </div>

          <div class="con fl" id="con22">

            <ul>

              <li><a href="">产品分类名称</a></li>

              <li><a href="">产品分类名称</a></li>

              <li><a href="">产品分类名称</a></li>

            </ul>

          </div>

        </li>

        <li>

          <div class="title">

            <h2>产品分类</h2>

            <a href="">*****系列</a> </div>

          <div class="con fl" id="con33">

            <ul>

              <li><a href="">产品分类名称</a></li>

              <li><a href="">产品分类名称</a></li>

              <li><a href="">产品分类名称</a></li>

            </ul>

          </div>

        </li>

        <div class="clear"></div>

      </ul>

    </div>

    html+css3+jq滑动的图片和列表二级分类
  4. 初始化css代码。

    <style>

    html,body{ font-size:12px; color:#333; font-family:"宋体";}

    body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,iframe,label{ margin:0px; padding:0px; }

    table{ border-collapse:collapse; border-spacing:0; }

    fieldset,img,abbr,acronym{ border:none; }

    ol,ul,li{ list-style:none; }

    img{ border:0;}

    acption,th{ text-align:left; }

    h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal; }

    q:before,qafter{ content:''; }

    a{ color:#333; text-decoration:none; outline:none; }

    a:hover{ text-decoration:none; }

    </style>

    html+css3+jq滑动的图片和列表二级分类
  5. 书写css代码。

    .indexTypes{width:1002px;margin:10px auto;}

    .indexTypes ul li{position:relative;float:left;width:193px;overflow:hidden;height:113px;overflow:hidden;}

    .indexTypes ul li:hover{cursor:pointer;}

    .indexTypes ul li.currnet{width:510px;}

    .indexTypes ul li .title{width:143px;padding-top:30px;padding-left:50px;background:url(../images/typeBg.png) repeat-x;font-size:18px;color: #fff;font-family:"微软雅黑";height:83px; float:left;}

    .indexTypes ul li .title a{color:#fff;}

    .indexTypes ul li .title h2{font-size:20px;font-weight:bold;padding-bottom:5px;}

    .indexTypes ul li.current .title{background:url(../images/typeT.jpg) no-repeat left top;}

    .indexTypes ul li .con{position:absolute;top:0; width:317px; left:193px;background:url(../images/typeUl.jpg) no-repeat left top;overflow:hidden;height:113px;overflow:hidden; }

    .indexTypes ul li #con11{background:url(../images/typeUl.jpg) no-repeat left top;}

    .indexTypes ul li #con22{background:url(../images/con22.jpg) no-repeat left top;}

    .indexTypes ul li #con33{background:url(../images/con33.jpg) no-repeat left top;}

    .indexTypes ul li .con ul{padding-top:12px;}

    .indexTypes ul li .con ul li{float:none;height:auto;width:auto;}

    .indexTypes ul li .con ul li a{line-height:28px;width:195px;display:block;text-indent:3em;background:url(../images/typesLi.jpg) no-repeat 6px 7px;border-bottom:1px dashed #d1d1d1;}

    .indexTypes ul li .con ul li a:hover{color:#F87C02;}

    html+css3+jq滑动的图片和列表二级分类
  6. 书写并添加js代码。

    <script src="js/jquery.js"></script>

    <script>

    $(document).ready(function(e) {


    var currentLi =  $(".indexTypes ul li");

    $(currentLi.eq(0)).stop().animate({"width":"510px"},600);

    $(currentLi.eq(0)).children(".con").animate({"left":"193px"},600);


    $(currentLi).hover(function(e){

    $(this).siblings("li").stop().animate({"width":"193px"},600);

    $(this).siblings("li").removeClass("current");

    $(this).addClass("current");

    $(this).stop().animate({"width":"510px"},600);  

    });


    });

    </script>

    html+css3+jq滑动的图片和列表二级分类
  7. 代码整体结构。

    html+css3+jq滑动的图片和列表二级分类
  8. 8

    查看效果。

    html+css3+jq滑动的图片和列表二级分类



7 月 20 日消息 红星新闻消息,近日成都和平电影院成功售出影院复工后全国第一张电影票,影片为《哪吒之魔童降世》。不过昨日和平电影院柏经理称,抢到复工后全国首张电影票的购票观众已经退票,不清楚退票原因。


遗憾!复工后抢到全国首张电影票观众已退票


据成都和平电影院介绍,20 日复工当天一共放出 165 张票,17 日下午开售,当晚即全部售完。



库尔勒网站推广库尔勒官网推广哪个效果好库尔勒百度竞价推广托管、库尔勒百度优化推广外包、库尔勒全网霸屏推广多少钱、库尔勒网络推广一年大概多少费



上一条:​图木舒克网站推广【图木舒克官网推广哪个效果好】图木舒克百度竞价推广托管、图木舒克百度优化推广外包、图木舒克全网霸屏推广多少钱、图木舒克网络推广一年大概多少费
下一条:阿勒泰网站推广【阿勒泰官网推广哪个效果好】阿勒泰百度竞价推广托管、阿勒泰百度优化推广外包、阿勒泰全网霸屏推广多少钱、阿勒泰网络推广一年大概多少费 ​
网站制作
小程序制作
网站优化
网站开发
400电话办理
网络推广
网站建设
网店装修
微信公众号开发
网页设计
网络公司
域名企业邮箱
服务器空间
网站案例报价
百科问答
编辑排版美工
App软件开发
百度推广
代运营托管
logo设计
网络全网营销
网站备案
网站定制
小程序开发公司
首页
电话
立即预约