途牛旅游网首页轮番图制作

2019-09-11 郑州网站建设  

        <meta name="keywords" content="jQuery途牛幻灯片切换,jQuery焦点图轮播" />

        <meta name="description" content="途牛旅游网首页jquery幻灯片轮播js特效。" />

        <style type="text/css">

            body{background:url("images/bg.jpg");}

            *{margin:0px;padding:0px;}

            #box{

                width:735px;height:350px;

                margin:50px auto;position:relative;

                background:#fff;

            }

            .con{

                width:735px;height:350px;overflow:hidden;

            }

            .con ul li{list-style-type:none;}

            .prev{

                width:45px;height:100px;

                position:absolute;left:0px;top:50%;margin-top:-50px;

                background:url("images/button.png");cursor:pointer;

                display:none;opacity:0.5;

            }

            .next{

                width:45px;height:100px;

                position:absolute;right:0px;top:50%;margin-top:-50px;

                background:url("images/button.png");

                background-position:-55px 0px;cursor:pointer;

                display:none;opacity:0.5;

            }

            .nav{

                width:720px;height:30px;

                position:absolute;left:50%;margin-left:-360px;

                bottom:10px;

            }

            .nav ul li{

                width:119px;height:30px;background:rgba(255,255,255,0.6);

                list-style-type:none;float:left;

                margin-right:1px;text-align:center;

                line-height:30px;font-size:12px;color:#333;cursor:pointer;

            }

            .nav ul .bg{background:rgba(0,0,0,0.6);color:#fff;}

            .nav ul .bg a{color:#fff;}

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

        </style>

    </head>

    <body>

        <div id="box">

            <div class="con">

                <ul>


河南郑州做网站首选天择文化,我们专注郑州网站建设网站设计网站制作与开发,是中原地区专业的郑州网络公司,多年来我们一直努力,服务客户数百家,欢迎您的咨询。
本文链接:郑州网络公司http://tzchb.ieyo.com/seo/1927.html转载请标明出处,谢谢合作!
标签:
  • HTML
  • Doctype
  • !
  • =
  • lang
  • en