zoukankan      html  css  js  c++  java
  • jquery 实现文字轮播滚动

    效果如图;

    html

    <div class="search_2">
    <div id="gundongAreaMain" style="position: absolute;top: 30px;left: 10px;">
    <span><img src="../images/index/tishi_a.gif" alt="" style="margin-right: 10px"></span>
    <span><img src="../images/index/kuohao1.png" alt=""></span>
    <div id="gundong" style="display: inline-block;vertical-align: top;">
    <div id="gundongAreaMain1" style="margin-top: 2px">
    <ul id="gundongAreaMain2" style=" color: #1d6786;">
                <li>232323232323</li>
                <li>232323232323</li>
                <li>232323232323</li>

                <li>232323232323</li>
                <li>232323232323</li>
                <li>232323232323</li>


    </ul>
    <ul id="gundongAreaMain3"></ul>
    </div>
    </div>
    <span><img src="../images/index/kuohao2.png" alt=""></span>
    </div>

    </div>

    css:

    .search_2{
    height: 80px;
    text-align: right;
    position: relative;
    min- 1100px;
    border-bottom: 2px solid #eaeaea;
    99%;
    }
    .search_2 span{
    display: inline-block;
    height:22px;
    line-height: 22px;
    color:#666;
    }
    .search_2 p{
    margin-left: -40px;
    }
    .search_2 span i{
    padding:0 12px 0 6px;
    }
    .search_2 input{
    /*margin-top: 30px;*/
    300px;
    height:35px;
    line-height: 35px;
    border-radius: 4px;
    padding-left: 10px;
    color:#bbb;
    border: 1px solid #999999;
    /*margin-right: 20px;*/
    }
    .search_s{
    margin-top: 30px;
    /*border:1px solid red;*/
    height: 36px;
    320px;
    position: relative;
    float: right;
    }
    .search_2 button{
    height:35px;
    51px;
    line-height: 35px;
    color: #fff;
    /**/
    border-radius: 0 4px 4px 0;
    padding:0 8px;
    margin:4px 0 0 -36px;
    cursor: pointer;
    background: #079cda url("../../images/index/seek.png") no-repeat center center;
    position: absolute;
    right: 0;
    top:-4px;

    }







  • 相关阅读:
    一个功能完善的资源管理器
    数据结构和算法
    Build Native Mobile Apps in HTML5: PhoneGap from Start to Finish
    HTML5安全:CORS(跨域资源共享)简介
    Start A mobile web app
    ASP.NET MVC4 常见问题集
    ASP.NET MVC4 ASP.NET Web API OAuth2 delegation with Windows Azure Access Control Service
    【转】HTTP access control (CORS)
    ASP.NET MVC4最新特性介绍 (待续)
    C#实现小写金额转换大写的方法
  • 原文地址:https://www.cnblogs.com/zou1234/p/7991741.html
Copyright © 2011-2022 走看看