星辰大海路上的种花家 - 学习资料 2024-04-05T06:57:00+00:00 Typecho /index.php/feed/atom/category/xxzl/ <![CDATA[英语四级资料]]> /index.php/posts/133.html 2024-04-05T06:57:00+00:00 2024-04-05T06:57:00+00:00 种花家 http://zy种花家.cn 通过百度网盘分享的文件：四级必过
链接:https://pan.baidu.com/s/1I3KtAm56_wHZwwME_8qyLQ?pwd=oy6p 
提取码:oy6p
复制这段内容打开「百度网盘APP 即可获取」

祝大家四级必过！ ]]> <![CDATA[关于计算机2级选择题精选300道]]> /index.php/posts/132.html 2024-03-24T07:08:00+00:00 2024-03-24T07:08:00+00:00 种花家 http://zy种花家.cn https://w.afbcs.cn/Q7YiWw

]]> <![CDATA[小米官网简单的html]]> /index.php/posts/122.html 2023-12-17T02:26:00+00:00 2023-12-17T02:26:00+00:00 种花家 http://zy种花家.cn <!DOCTYPE html>

<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="./css/reset.css">
<link rel="stylesheet" href="./css/mi.css">
<link rel="stylesheet" href="./css/iconfont/iconfont.css">

<!-- 顶部 start -->
<div class="header">
    <a href="#">
        <img src="./images/top.jpg" alt="ad">
    </a>
</div>
<!-- 顶部 end -->

<!-- 黑色导航 start -->
<div class="black-nav">
    <div class="wrap">
        <ul class="black-nav-left">
            <li><a href="#">小米商城</a><span>|</span></li>
            <li><a href="#">MIUI</a><span>|</span></li>
            <li><a href="#">loT</a><span>|</span></li>
            <li><a href="#">云服务</a><span>|</span></li>
            <li><a href="#">天星科技</a><span>|</span></li>
            <li><a href="#">有品</a><span>|</span></li>
            <li><a href="#">小爱开发平台</a><span>|</span></li>
            <li><a href="#">企业团购</a><span>|</span></li>
            <li><a href="#">资质证明</a><span>|</span></li>
            <li><a href="#">协议规则</a><span>|</span></li>
            <li>
                <a href="#">下载APP</a>
                <span>|</span>
                <div class="download">
                    <img src="./images/download.png" alt="">
                    <p>小米商城APP</p>
                </div>
                <div class="stri"></div>
            </li>
            <li><a href="#">智能生活</a><span>|</span></li>
            <li><a href="#">SelectLocation</a><span>|</span></li>
        </ul>
        <ul class="black-nav-right">
            <li><a href="#">登录</a><span>|</span></li>
            <li><a href="#">注册</a><span>|</span></li>
            <li><a href="#">消息通知</a><span>|</span></li>
            <li class="cart">
                <a href="#">
                    <i class="iconfont">&#xe607;</i>
                    <i>购物车（0）</i>
                </a>
                <div class="cart-list">
                    购物车中还没有商品，赶紧选购吧
                </div>
            </li>
        </ul>
    </div>
</div>
<!-- 黑色导航 end -->

<!-- 白色导航 start -->
<div class="white-nav">
    <div class="wrap">
        <div class="logo">
            <img src="./images/mi-home.png" alt="" class="mi-home">
            <img src="./images/mi-logo.png" alt="" class="mi-logo">
        </div>
        <div class="nav-bar">
            <ul>
                <li><a href="#"><img src="./images/zzxsh.gif" alt=""></a></li>
                <li>
                    <a href="#">小米手机</a>
                    <div class="nav-bar-list">
                        <div class="wrap">
                            <ul>
                                <li>
                                    <a href="#">
                                        <div class="img-box">
                                            <img src="./images/phone.png" alt="">
                                        </div>
                                        <p class="name">小米10至尊纪念版</p>
                                        <p class="price">5200元</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <div class="img-box">
                                            <img src="./images/phone.png" alt="">
                                        </div>
                                        <p class="name">小米10至尊纪念版</p>
                                        <p class="price">5200元</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <div class="img-box">
                                            <img src="./images/phone.png" alt="">
                                        </div>
                                        <p class="name">小米10至尊纪念版</p>
                                        <p class="price">5200元</p>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </li>
                <li><a href="#">电视</a></li>
                <li><a href="#">笔记本</a></li>
                <li><a href="#">家电</a></li>
                <li><a href="#">路由器</a></li>
                <li><a href="#">智能硬件</a></li>
                <li><a href="#">服务</a></li>
                <li><a href="#">社区</a></li>
            </ul>
        </div>
        <div class="search">
            <input type="text" placeholder="元宇宙">
            <button class="iconfont">&#xe63d;</button>
        </div>
    </div>
</div>
<!-- 白色导航 end -->

<!-- Banner start -->
<div class="banner">
    <div class="wrap">
        <img class="banner-img" src="./images/banner.jpg"  alt="">
        <div class="slide">
            <ul>
                <li>
                    <a href="#">手机<i class="iconfont">&#xe621;</i></a>
                    <div class="slide-list">
                        <ul>
                            <li>
                                <a href="#">
                                    <img src="./images/phone.png" alt="">
                                    <span>小米手机至尊版</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="./images/phone.png" alt="">
                                    <span>小米手机至尊版</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="./images/phone.png" alt="">
                                    <span>小米手机至尊版</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="./images/phone.png" alt="">
                                    <span>小米手机至尊版</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="./images/phone.png" alt="">
                                    <span>小米手机至尊版</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="./images/phone.png" alt="">
                                    <span>小米手机至尊版</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li>
                    <a href="#">电视<i class="iconfont">&#xe621;</i></a>
                    <div class="slide-list">
                        <ul>
                            <li>
                                <a href="#">
                                    <img src="./images/phone.png" alt="">
                                    <span>小米至尊电视</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="./images/phone.png" alt="">
                                    <span>小米至尊电视</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="./images/phone.png" alt="">
                                    <span>小米至尊电视</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="./images/phone.png" alt="">
                                    <span>小米至尊电视</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="./images/phone.png" alt="">
                                    <span>小米至尊电视</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="./images/phone.png" alt="">
                                    <span>小米至尊电视</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li><a href="#">电脑<i class="iconfont">&#xe621;</i></a></li>
                <li><a href="#">笔记本<i class="iconfont">&#xe621;</i></a></li>
                <li><a href="#">台式机<i class="iconfont">&#xe621;</i></a></li>
                <li><a href="#">手机<i class="iconfont">&#xe621;</i></a></li>
                <li><a href="#">手机<i class="iconfont">&#xe621;</i></a></li>
                <li><a href="#">手机<i class="iconfont">&#xe621;</i></a></li>
                <li><a href="#">手机<i class="iconfont">&#xe621;</i></a></li>
                <li><a href="#">手机<i class="iconfont">&#xe621;</i></a></li>
            </ul>
        </div>
    </div>
</div>
<!-- Banner end -->

<!-- 模块 start -->
<div class="ad">
    <div class="wrap">
        <div class="ad-aside">
            <ul>
                <li>
                    <a href="#">
                        <i class="iconfont">&#xe733;</i>
                        <p>米粉卡</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i class="iconfont">&#xe733;</i>
                        <p>米粉卡</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i class="iconfont">&#xe733;</i>
                        <p>米粉卡</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i class="iconfont">&#xe733;</i>
                        <p>米粉卡</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i class="iconfont">&#xe733;</i>
                        <p>米粉卡</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i class="iconfont">&#xe733;</i>
                        <p>米粉卡</p>
                    </a>
                </li>
            </ul>
        </div>
        <div class="ad-img">
            <a href="#"><img src="./images/ad.jpg" alt=""></a>
        </div>
        <div class="ad-img">
            <a href="#"><img src="./images/ad.jpg" alt=""></a>
        </div>
        <div class="ad-img">
            <a href="#"><img src="./images/ad.jpg" alt=""></a>
        </div>
    </div>
</div>
<!-- 模块 end -->

<!-- 内容模块 start -->
<div class="content">
    <div class="wrap">
        <!-- 手机模块 start -->
        <div class="phone">
            <h3 class="title">手机</h3>
            <div class="phone-box">
                <div class="phone-box-left">
                    <a href="#">
                        <img src="./images/phone_left.jpg" alt="">
                    </a>
                </div>
                <div class="phone-box-right">
                    <div class="item">
                        <a href="#">
                            <img class="item-img" src="./images/phone-right.jpg" alt="">
                            <p class="item-name">小米10至尊纪念版</p>
                            <p class="item-desc">120X 变焦/120W秒充/120Hz屏幕</p>
                            <p class="item-price">5299元起</p>
                        </a>
                    </div>
                    <div class="item">
                        <a href="#">
                            <img class="item-img" src="./images/phone-right.jpg" alt="">
                            <p class="item-name">小米10至尊纪念版</p>
                            <p class="item-desc">120X 变焦/120W秒充/120Hz屏幕</p>
                            <p class="item-price">5299元起</p>
                        </a>
                    </div>
                    <div class="item">
                        <a href="#">
                            <img class="item-img" src="./images/phone-right.jpg" alt="">
                            <p class="item-name">小米10至尊纪念版</p>
                            <p class="item-desc">120X 变焦/120W秒充/120Hz屏幕</p>
                            <p class="item-price">5299元起</p>
                        </a>
                    </div>
                    <div class="item">
                        <a href="#">
                            <img class="item-img" src="./images/phone-right.jpg" alt="">
                            <p class="item-name">小米10至尊纪念版</p>
                            <p class="item-desc">120X 变焦/120W秒充/120Hz屏幕</p>
                            <p class="item-price">5299元起</p>
                        </a>
                    </div>
                    <div class="item">
                        <a href="#">
                            <img class="item-img" src="./images/phone-right.jpg" alt="">
                            <p class="item-name">小米10至尊纪念版</p>
                            <p class="item-desc">120X 变焦/120W秒充/120Hz屏幕</p>
                            <p class="item-price">5299元起</p>
                        </a>
                    </div>
                    <div class="item">
                        <a href="#">
                            <img class="item-img" src="./images/phone-right.jpg" alt="">
                            <p class="item-name">小米10至尊纪念版</p>
                            <p class="item-desc">120X 变焦/120W秒充/120Hz屏幕</p>
                            <p class="item-price">5299元起</p>
                        </a>
                    </div>
                    <div class="item">
                        <a href="#">
                            <img class="item-img" src="./images/phone-right.jpg" alt="">
                            <p class="item-name">小米10至尊纪念版</p>
                            <p class="item-desc">120X 变焦/120W秒充/120Hz屏幕</p>
                            <p class="item-price">5299元起</p>
                        </a>
                    </div>
                    <div class="item">
                        <a href="#">
                            <img class="item-img" src="./images/phone-right.jpg" alt="">
                            <p class="item-name">小米10至尊纪念版</p>
                            <p class="item-desc">120X 变焦/120W秒充/120Hz屏幕</p>
                            <p class="item-price">5299元起</p>
                        </a>
                    </div>
                </div>
            </div>
            <div class="big-img">
                <a href="#">
                    <img src="./images/phone_ad.jpg" alt="">
                </a>
            </div>
        </div>
        <!-- 手机模块 end -->
        <!-- 家电模块 start -->
        <div class="elc">
            <h3 class="title">家电</h3>
            <div class="elc-box">
                <div class="item elc-item">
                    <a href="#">
                        <img src="./images/elc-left.jpg" alt="">
                    </a>
                </div>
                <div class="item">
                    <a href="#">
                        <img class="item-img" src="./images/elc-right.jpg" alt="">
                        <p class="item-name">Redmi 红米电视 70英寸</p>
                        <p class="item-desc">70英寸震撼巨屏，4K画质，细腻如真</p>
                        <p class="item-price">3199元<del>3799元</del></p>
                    </a>
                </div>
                <div class="item">
                    <a href="#">
                        <img class="item-img" src="./images/elc-right.jpg" alt="">
                        <p class="item-name">Redmi 红米电视 70英寸</p>
                        <p class="item-desc">70英寸震撼巨屏，4K画质，细腻如真</p>
                        <p class="item-price">3199元<del>3799元</del></p>
                    </a>
                </div>
                <div class="item">
                    <a href="#">
                        <img class="item-img" src="./images/elc-right.jpg" alt="">
                        <p class="item-name">Redmi 红米电视 70英寸</p>
                        <p class="item-desc">70英寸震撼巨屏，4K画质，细腻如真</p>
                        <p class="item-price">3199元<del>3799元</del></p>
                    </a>
                </div>
                <div class="item">
                    <a href="#">
                        <img class="item-img" src="./images/elc-right.jpg" alt="">
                        <p class="item-name">Redmi 红米电视 70英寸</p>
                        <p class="item-desc">70英寸震撼巨屏，4K画质，细腻如真</p>
                        <p class="item-price">3199元<del>3799元</del></p>
                    </a>
                </div>
                <div class="item elc-item">
                    <a href="#">
                        <img src="./images/elc-left.jpg" alt="">
                    </a>
                </div>
                <div class="item">
                    <a href="#">
                        <img class="item-img" src="./images/elc-right.jpg" alt="">
                        <p class="item-name">Redmi 红米电视 70英寸</p>
                        <p class="item-desc">70英寸震撼巨屏，4K画质，细腻如真</p>
                        <p class="item-price">3199元<del>3799元</del></p>
                    </a>
                </div>
                <div class="item">
                    <a href="#">
                        <img class="item-img" src="./images/elc-right.jpg" alt="">
                        <p class="item-name">Redmi 红米电视 70英寸</p>
                        <p class="item-desc">70英寸震撼巨屏，4K画质，细腻如真</p>
                        <p class="item-price">3199元<del>3799元</del></p>
                    </a>
                </div>
                <div class="item">
                    <a href="#">
                        <img class="item-img" src="./images/elc-right.jpg" alt="">
                        <p class="item-name">Redmi 红米电视 70英寸</p>
                        <p class="item-desc">70英寸震撼巨屏，4K画质，细腻如真</p>
                        <p class="item-price">3199元<del>3799元</del></p>
                    </a>
                </div>
                <div class="item-last">
                    <div></div>
                    <div></div>
                </div>
            </div>
            <div class="big-img">
                <a href="#">
                    <img src="./images/phone_ad.jpg" alt="">
                </a>
            </div>
        </div>
        <!-- 家电模块 end -->
        <!-- 视频模块 start -->
        <div class="video">
            <h3 class="title">视频</h3>
            <div class="video-box">
                <div>
                    <div class="video-img">
                        <img src="./images/video.jpg" alt="">
                        <div class="btn">
                            <div class="sanjiao"></div>
                        </div>
                    </div>
                    <p class="video-name">Redmi 10X系列发布会</p>
                    <p class="video-desc">Redmi 10X系列发布会</p>
                </div>
                <div>
                    <div class="video-img">
                        <img src="./images/video.jpg" alt="">
                        <div class="btn">
                            <div class="sanjiao"></div>
                        </div>
                    </div>
                    <p class="video-name">Redmi 10X系列发布会</p>
                    <p class="video-desc">Redmi 10X系列发布会</p>
                </div>
                <div>
                    <div class="video-img">
                        <img src="./images/video.jpg" alt="">
                        <div class="btn">
                            <div class="sanjiao"></div>
                        </div>
                    </div>
                    <p class="video-name">Redmi 10X系列发布会</p>
                    <p class="video-desc">Redmi 10X系列发布会</p>
                </div>
                <div>
                    <div class="video-img">
                        <img src="./images/video.jpg" alt="">
                        <div class="btn">
                            <div class="sanjiao"></div>
                        </div>
                    </div>
                    <p class="video-name">Redmi 10X系列发布会</p>
                    <p class="video-desc">Redmi 10X系列发布会</p>
                </div>
            </div>
        </div>
        <!-- 视频模块 end -->
    </div>
</div>
<!-- 内容模块 end -->

<!-- 页脚模块 start -->
<div class="footer">
    <div class="wrap">
        <div class="footer-service">
            <ul>
                <li>
                    <a href="#">
                        <i class="iconfont">&#xe629;</i>
                        <span>预约维修服务</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i class="iconfont">&#xe629;</i>
                        <span>预约维修服务</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i class="iconfont">&#xe629;</i>
                        <span>预约维修服务</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i class="iconfont">&#xe629;</i>
                        <span>预约维修服务</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i class="iconfont">&#xe629;</i>
                        <span>预约维修服务</span>
                    </a>
                </li>
            </ul>
        </div>
        <div class="footer-link">
            <ul>
                <li>帮助中心</li>
                <li><a href="#">账户管理</a></li>
                <li><a href="#">账户管理</a></li>
                <li><a href="#">账户管理</a></li>
            </ul>
            <ul>
                <li>帮助中心</li>
                <li><a href="#">账户管理</a></li>
                <li><a href="#">账户管理</a></li>
                <li><a href="#">账户管理</a></li>
            </ul>
            <ul>
                <li>帮助中心</li>
                <li><a href="#">账户管理</a></li>
                <li><a href="#">账户管理</a></li>
                <li><a href="#">账户管理</a></li>
            </ul>
            <ul>
                <li>帮助中心</li>
                <li><a href="#">账户管理</a></li>
                <li><a href="#">账户管理</a></li>
                <li><a href="#">账户管理</a></li>
            </ul>
            <ul>
                <li>帮助中心</li>
                <li><a href="#">账户管理</a></li>
                <li><a href="#">账户管理</a></li>
                <li><a href="#">账户管理</a></li>
            </ul>
            <ul>
                <li>帮助中心</li>
                <li><a href="#">账户管理</a></li>
                <li><a href="#">账户管理</a></li>
                <li><a href="#">账户管理</a></li>
            </ul>
            <div class="footer-aside">
                <p class="tel">400-100-5678</p>
                <p class="time">8:00-18:00（仅收市话费）</p>
                <a href="#" class="kefu">人工客服</a>
                <div class="follow">
                    关注小米:
                    <img src="./images/wb.png" alt="">
                    <img src="./images/wx.png" alt="">
                </div>
            </div>
        </div>
    </div>
</div>
<!-- 页脚模块 end -->

1.png
演示:3..mov

]]> <![CDATA[网页轮播图]]> /index.php/posts/81.html 2023-12-01T12:36:00+00:00 2023-12-01T12:36:00+00:00 种花家 http://zy种花家.cn <meta charset="utf-8"> <title></title> <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=0,minimum-scale=1.0,maximum-scale=1.0"> <style type="text/css"> body{background-color:white;} li{list-style: none;} .toubu{height:40px; line-height:40px; background-color:white; position:fixed;top:0;left:0px;width:100%; } .toubu img{vertical-align:middle} .one{width:70px; height:50px; margin-right:50%;} .two,.three{height:24px; width:24px; margin-left:30px;} .fenleison{overflow: hidden; margin-bottom: -20px;} .fenleison li{float: left; width: 25%; text-align: center;} .fenleison,.list{color: #7e8c8d; margin-top: 0px; margin-right: 10%;} .yuan{ width:50px; height: 50px; border-radius: 50%; background-color: aqua; color: #fff; margin: 10px; font-size: 15px; line-height: 50px; text-align: center; display: inline-block; margin-bottom: -10px; } .bigclass{background:#fff; width:100%; margin:10px 0; padding:0 5%; box-sizing: border-box; margin-right: 40px;} .fire{height: 50px; line-height: 50px;} .fire img{width:25px; height: 25px; vertical-align: text-bottom;} .classlist{overflow: hidden;} .classlist li{float: left; width:48%; margin-bottom: 30px; } .classlisttp{ width:100%; height: 120px; } .classlisttp img{width: 100%; height: 100%; border-radius: 15%; } .classtitele{font-size: 13px; color: black; margin-top: 0px;} .levelprice{overflow: hidden; margin-top: -20px; margin-bottom: -30px;} .level{float:left; font-size: 13px;} .price{float: right; font-size: 13px; color: red;} .classlist li:nth-of-type(odd){margin-right: 4%;margin-top: 0px;} .daohangson{overflow: hidden; margin-top: 30px;} .daohangson li{float: left; width: 25%; text-align: center;} .daohangson,.list{color: #7e8c8d; margin-top: 0px; margin-right: 10%;} *{margin:0;padding: 0;} #lunbo { position: relative; margin: 100px auto; width: 500px; height: 150px; overflow: hidden; margin-bottom: 0px; margin-top: 0px; } #lunbo ul { position: absolute; left: 0; height: 150px; } #lunbo li { float: left; width: 200px; height: 150px; list-style: none; } #lunbo li img { width: 200px; height: 150px; } </style> </head> <body>

1.jpg

2.jpg

3.jpg

4.jpg

6.jpg

123.jpg

456.jpg

1289.jpg

th.jpg

演示：121.mov

QQ图片20231201203520.png

            <div class="toubu">
        <img class="one" src="1.jpg">
        <img class="two" src="2.jpg">
        <img class="three" src="3.jpg">
        <div id="lunbo">
            <ul>
                <li><img src="4.jpg"></li>
                <li><img src="6.jpg"></li>
                <li><img src="th.jpg"></li>
                <li><img src="123.jpg"></li>
                <li><img src="456.jpg"></li>
                <li><img src="1289.jpg"></li>
            </ul>
            <script>
                window.onload=function()
                {
                    //获取到的div，定时器，ul,li
                    var oDiv=document.getElementById('lunbo')
                    var oUl=document.getElementsByTagName('ul')[0]
                    var oLi=document.getElementsByTagName('li')
                    var timer=null
                    //我们图片是轮播，就需要循环，2个ul拼到一起的长度
                    oUl.innerHTML=oUl.innerHTML+oUl.innerHTML
                    //获取到ul的宽度，宽度等于li的宽度x我们所有li标签
                    oUl.style.width=oLi[0].offsetWidth*oLi.length+'px'
                    //定时器的设置
                    timer=setInterval
                    (
                        function()
                    {
                        //判断2个ul的长度，如果到了一半就left自动归零
                        if(oUl.offsetLeft<-oUl.offsetWidth/2)
                        {oUl.style.left='0'}
                        //定时器改变的是ul的left值，每次ul的left都减2px
                        oUl.style.left=oUl.offsetLeft-2+'px'
                    },30
                    )
                    //oUl.innerHTML=oUl.innerHTML+oUl.innerHTML
                    //oUl.innerHTML+=oUl.innerHTML
                    //鼠标移入，停止
                    oDiv.onmouseover=function()
                    {
                        clearInterval(timer)
                    }
                    //鼠标移出的时候，继续动
                    oDiv.onmouseout=function()
                    {
                        timer=setInterval
                    (
                        function()
                    {
                        //判断2个ul的长度，如果到了一半就left自动归零
                        if(oUl.offsetLeft<-oUl.offsetWidth/2)
                        {oUl.style.left='0'}
                        //定时器改变的是ul的left值，每次ul的left都减2px
                        oUl.style.left=oUl.offsetLeft-2+'px'
                    },30
                    )
                    }
                }
            </script>
        
        </div>
        <div class="fenlei">
            <ul class="fenleison">
                <li>
                    <div class="yuan">风</div>
                    <p class="list">自然山河</p>
                </li>
                <li>
                    <div class="yuan">景</div>
                    <p class="list">美丽湖泊</p>
                </li>
                <li>
                    <div class="yuan">图</div>
                    <p class="list">黄昏雪山</p>
                </li>
                <li>
                    <div class="yuan">画</div>
                    <p class="list">宁静高山</p>
                </li>
            </ul>
        </div>
<div class="bigclass">
    <div class="fire">
        <img src="6.jpg">
        热门推荐
    </div>
    <ul class="classlist">
        <li>
            <div class="classlisttp">
                <img src="1.jpg">
            </div>
            <p class="classtitele">风水图</p>
            <div class="levelprice">
                <p class="level">类型：自然山野</p>
                <p class="price">价格：￥1000</p>
            </div>
        </li>
        <li>
            <div class="classlisttp">
                <img src="2.jpg">
            </div>
            <p class="classtitele">风水图</p>
            <div class="levelprice">
                <p class="level">类型：优美湖泊</p>
                <p class="price">价格：￥2000</p>
            </div>
        </li>
        <li>
            <div class="classlisttp">
                <img src="3.jpg">
            </div>
            <p class="classtitele">风水图</p>
            <div class="levelprice">
                <p class="level">类型：黄昏雪山</p>
                <p class="price">价格：￥3000</p>
            </div>
        </li>
        <li>
            <div class="classlisttp">
                <img src="4.jpg">
            </div>
            <p class="classtitele">风水图</p>
            <div class="levelprice">
                <p class="level">类型：挺立高山</p>
                <p class="price">价格：￥4000</p>
            </div>
        </li>
    </ul>
</div>
<div class="daohang">
    <ul class="daohangson">
        <li>
            <div class="yuan">首页</div>
            <p class="list">主页</p>
        </li>
        <li>
            <div class="yuan">分类</div>
            <p class="list">类型</p>
        </li>
        <li>
            <div class="yuan">结算</div>
            <p class="list">购物车</p>
        </li>
        <li>
            <div class="yuan">我的</div>
            <p class="list">我的</p>
        </li>
    </ul>
</div>

]]>