限时抢购图....

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
    <title>网页标题</title>
    <meta name="keywords" content="关键字列表" />
    <meta name="description" content="网页描述" />
    <link rel="stylesheet" type="text/css" href="" />
    <style type="text/css">
    /*全局css样式设置*/
    body,ul,li,p,img{
        margin:0px;
        padding:0px;
    }
    ul,li{
        list-style:none;/*去小黑点*/
    }
    body{
        /* 编写网站文字固定值为12px                网站不能用纯黑颜色*/
        font-size:12px; font-family:Arial,宋体; background-color:#888;
    }
    /* shopping模块*/
    .shopping{
        width:800px;
        margin:20px auto;
        background-color:#fff;
        padding:0px 10px;
    }
    .shopping .title{
        height:40px;
        line-height:40px;
        border-bottom:2px solid orange;
        font-family:微软雅黑;
        color:orange;
        font-size:20px;
        font-weight:bold;
    }
    .shopping .content{padding:20px 0px;}
    .shopping .content li{
        float:left;
        padding:10px 25px;
        position:relative;/*相对定位*/
    }
    .shopping .content p{line-height:150%;}
    .shopping .content li div{
        width:54px;
        height:54px;
        position:absolute;/*绝对定位*/
        right:-10px;
        top:-10px;
    }
    .clear{clear:both;}
    .orange{color:orange;}
    .red{color:#990000; font-weight:bold;}
    .gray{color:gray; padding-left:20px; text-decoration:line-through;}
    </style>
    <script type="text/javascript"></script>
</head>
<body>

<div class="shopping">
    <div class="title">今日闪价</div>
    <div class="content">
        <ul>
            <li>
                <img src="images/01.jpg"/><br/>
                <p>
                    [特价款]雷朋板材光学镜架<br/>
                    <span class="orange">年终盛典 满128间30元</span><br/>
                    <span class="red">&yen;476.00</span><span class="gray">&yen;1360</span>
                </p>
                <div><img src="images/xsq.png"/></div>
            </li>
        </ul>
        <ul>
            <li>
                <img src="images/02.jpg"/><br/>
                <p>
                    [特价款]雷朋板材光学镜架<br/>
                    <span class="orange">年终盛典 满128间30元</span><br/>
                    <span class="red">&yen;476.00</span><span class="gray">&yen;1360</span>
                </p>
                <div><img src="images/xsq.png"/></div>
            </li>
        </ul><ul>
            <li>
                <img src="images/03.jpg"/><br/>
                <p>
                    [特价款]雷朋板材光学镜架<br/>
                    <span class="orange">年终盛典 满128间30元</span><br/>
                    <span class="red">&yen;476.00</span><span class="gray">&yen;1360</span>
                </p>
                <div><img src="images/xsq.png"/></div>
            </li>
        </ul><ul>
            <li>
                <img src="images/04.jpg"/><br/>
                <p>
                    [特价款]雷朋板材光学镜架<br/>
                    <span class="orange">年终盛典 满128间30元</span><br/>
                    <span class="red">&yen;476.00</span><span class="gray">&yen;1360</span>
                </p>
                <div><img src="images/xsq.png"/></div>
            </li>
        </ul><ul>
            <li>
                <img src="images/05.jpg"/><br/>
                <p>
                    [特价款]雷朋板材光学镜架<br/>
                    <span class="orange">年终盛典 满128间30元</span><br/>
                    <span class="red">&yen;476.00</span><span class="gray">&yen;1360</span>
                </p>
                <div><img src="images/xsq.png"/></div>
            </li>
        </ul><ul>
            <li>
                <img src="images/06.jpg"/><br/>
                <p>
                    [特价款]雷朋板材光学镜架<br/>
                    <span class="orange">年终盛典 满128间30元</span><br/>
                    <span class="red">&yen;476.00</span><span class="gray">&yen;1360</span>
                </p>
                <div><img src="images/xsq.png"/></div>
            </li>
        </ul><ul>
            <li>
                <img src="images/07.jpg"/><br/>
                <p>
                    [特价款]雷朋板材光学镜架<br/>
                    <span class="orange">年终盛典 满128间30元</span><br/>
                    <span class="red">&yen;476.00</span><span class="gray">&yen;1360</span>
                </p>
                <div><img src="images/xsq.png"/></div>
            </li>
        </ul><ul>
            <li>
                <img src="images/08.jpg"/><br/>
                <p>
                    [特价款]雷朋板材光学镜架<br/>
                    <span class="orange">年终盛典 满128间30元</span><br/>
                    <span class="red">&yen;476.00</span><span class="gray">&yen;1360</span>
                </p>
                <div><img src="images/xsq.png"/></div>
            </li>
        </ul>
            <!--清除浮动-->
        <div class="clear"></div>
    </div>
</div>

</body>
</html>

时间: 2025-01-05 19:59:07

限时抢购图....的相关文章

js实现-限时抢购倒计时间表

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>限时抢购倒计时间表</title> <style type="text/css"> *{margin:0;padding:0;} #content{width:300px;margin:0 au

JavaScript - 限时抢购实例

标题 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <

Android实现计时与倒计时(限时抢购)的几种方法

在购物网站的促销活动中一般都有倒计时限制购物时间或者折扣的时间,这些都是如何实现的呢? 在一个安卓客户端项目中恰好遇到了类似的问题,一开始使用的是Timer与 TimerTask, 虽然此方法通用,但后来考虑在安卓中是否有更佳的方案,于是乎共找到以下五种实现方案,另外还有一种使用CountDownTimer进行计时的方面,我 会在单独的文章中进行介绍 效果如图: 方法一 Timer与TimerTask(Java实现) [java] view plaincopy public class time

限时抢购-倒计时

<!DOCTYPE HTML> <html> <head> <meta charset=utf-8"/> <title>团购--限时抢</title> </head> <body> <div> <div class="time">还剩 <span id="LeftTime"></span></div>

[转]Android实现计时与倒计时(限时抢购)的几种方法

在购物网站的促销活动中一般都有倒计时限制购物时间或者折扣的时间,这些都是如何实现的呢? 在一个安卓客户端项目中恰好遇到了类似的问题,一开始使用的是Timer与 TimerTask, 虽然此方法通用,但后来考虑在安卓中是否有更佳的方案,于是乎共找到以下五种实现方案,另外还有一种使用CountDownTimer进行计时的方面,我会在单独的文章中进行介绍 效果如图: 方法一 Timer与TimerTask(Java实现) [java] view plaincopy public class timer

限时抢购

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>倒计时抢购商品</title> <style> html, body, ul { margin: 0; padding: 0; } body { padding: 10px; } h1 { font-size: 14px; } ul { font

阿里云服务器学生特惠优惠 只要9.5每月 限时抢购

学生优惠产品优惠享受流程:① 注册阿里云账号 → ② 完成实名认证 → ③ 完成学生认证 → ④购买优惠产品 云计算基础轻量应用服务器 切换至云服务器ECS 购买右侧指定配置轻量应用服务器可享受9.5元/月优惠 . 详细规则 活动规则  学生优惠弹性计算产品提供两种配置选择:1.轻量应用服务器: 固定机型 9.5元/月:CPU1核,内存2G,带宽1M,系统盘40G,专有网络,优惠地域为华南1.华北2:2.云服务器ECS: 固定机型 9.9元/月:CPU1核,内存2G,带宽1M,系统盘40G,专

阿里云服务器针对学生有优惠吗 有 只要9.5每月 限时抢购

学生优惠产品优惠享受流程:① 注册阿里云账号 → ② 完成实名认证 → ③ 完成学生认证 → ④购买优惠产品 云计算基础轻量应用服务器 切换至云服务器ECS 购买右侧指定配置轻量应用服务器可享受9.5元/月优惠 . 详细规则 活动规则  学生优惠弹性计算产品提供两种配置选择:1.轻量应用服务器: 固定机型 9.5元/月:CPU1核,内存2G,带宽1M,系统盘40G,专有网络,优惠地域为华南1.华北2:2.云服务器ECS: 固定机型 9.9元/月:CPU1核,内存2G,带宽1M,系统盘40G,专

阿里云代金券-阿里云数据库限时抢购5折起!

数据库作为底层的数据存储和管理工具,是云计算生态系统中的重要一环,随着"大数据时代"的到来,在高并发.大数据量.分布式以及实时性的要求之下,阿里云的数据库产品能够充分的满足客户需求. 云数据库的价格也是大家最关心的问题,自7月1号起购买阿里云数据库1年付85折,2年付7折,3年付5折:更有1000元代金券免费领取! 1000元代金券领取地址:[点击领取] 更多阿里云数据库查看链接:https://www.aliyun.com/product/outline/index?spm=5176