`

新闻列表

    博客分类:
  • Html
 
阅读更多
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>3.10新闻中心制作评测题</title>
<style type="text/css">
* {
    margin:0;
    padding:0;
}

.topList{
    border:1px solid #CCC;
}

.topList a{
    text-decoration:none;
    
}

.topList li{
    list-style-type:none;
    padding:5px 5px;
  
}

.topList em{
    background:url(http://img.mukewang.com/53cf0fa20001d3dc00200032.jpg) no-repeat;
    float:left;
    text-align:center;
    font-style:normal;
    color:#fff;
    width:20px;
    height:16px;
    background-position:0 0;
    line-height:16px;
}

.topList a{
    text-decoration:none;
    color:#999;
    font-size:14px;
}
</style>
</head>

<body>
<div class="topList">
<ul>
<li class="top"><em>01</em>
<p><a href="http://www.imooc.com/" >【慕客访谈用户篇】“有为屌丝”在路上</a></p>
</li>
<li class="top"><em>02</em>
<p><a href="http://www.imooc.com/">【有奖活动】给父亲的三行书信</a></p>
</li>
<li class="top"><em>03</em>
<p><a href="http://www.imooc.com/">《程序猿,请晒出你的童年》活动获奖公告</a></p>
</li>
<li><em>04</em>
<p><a href="http://www.imooc.com/">【慕课访谈】破茧成蝶——美女程序员的蜕变史</a></p>
</li>
<li><em>05</em>
<p><a href="http://www.imooc.com/">【获奖公告】追“球”巅峰,争当“预言帝”</a></p>
</li>
<li><em>06</em>
<p><a href="http://www.imooc.com/">【问卷调查】慕课网用户学习情况大调查</a></p>
</li>
</ul>
</div>
</body>

 

分享到:
评论

相关推荐

    DIV CSS实例教程:一款清新风格的CSS新闻列表制作

    DIV CSS实例教程:一款清新风格的CSS新闻列表制作 本文将详细介绍如何使用CSS和XHTML来制作一个清新风格的新闻列表。通过该实例,我们将学习如何使用CSS浮动、背景和hover效果来美化新闻列表。 一、基本结构 首先...

    【微信小程序开发教程】新闻列表之新闻列表绑定

    【微信小程序开发教程】新闻列表之新闻列表绑定是针对初学者和进阶开发者的一个实践教程,旨在教授如何在微信小程序中创建一个动态显示新闻列表的功能。这个教程包含了完整的源码,便于开发者对照学习,同时也提供了...

    uniapp新闻列表-上拉刷新-下拉加载更多.zip

    【uniapp新闻列表-上拉刷新-下拉加载更多】是一个基于uniapp框架开发的应用功能模块,主要用于构建具有动态加载和刷新功能的新闻列表。uniapp是一个多端开发框架,它允许开发者用一种语言(Vue.js)编写代码,然后...

    新闻列表控件+新闻控件+幻灯片控件示例

    1、新闻列表控件新增内容过滤功能 2、新闻列表控件新增列表滚动功能 2011-5-13 1、改进新闻列表控件结构 2、改进列表滚动功能,新增上下左右滚动功能,支持文字、图片滚动 2011-5-14 1、改进新闻控件结构 2、改进...

    php+smarty输出新闻列表

    在PHP和Smarty框架中,构建一个新闻列表页面是常见的任务,这涉及到动态数据的获取、模板引擎的使用以及HTML静态页面的生成。接下来,我们将详细探讨这个过程。 首先,我们需要理解PHP作为服务器端脚本语言的角色。...

    Fragment实现的简单的新闻列表

    本实例中,我们探讨的是如何使用Fragment来实现一个简单的新闻列表和详情展示功能。 首先,Fragment的基本概念和作用: 1. **Fragment作为Activity的一部分**:Fragment可以看作是Activity的一部分,它们可以单独...

    jQuery Bootstrap响应式新闻列表文字上下滚动特效

    标题中的“jQuery Bootstrap响应式新闻列表文字上下滚动特效”指的是使用jQuery库和Bootstrap框架来创建一个适应不同设备屏幕尺寸的新闻列表,同时实现文字的上下滚动效果。这种特效常见于网站的新闻或更新部分,...

    无刷新分页,可预览新闻内容的新闻列表

    这个名为"无刷新分页,可预览新闻内容的新闻列表"的项目,结合了jQuery、AJAX等技术,使得用户在浏览新闻列表时无需等待页面整体刷新,即可便捷地切换分页和预览文章内容。 首先,我们来看"无刷新分页"这一概念。...

    jquery垂直向上逐条滚动新闻列表

    标题中的“jquery垂直向上逐条滚动新闻列表”指的是使用jQuery库实现的一种常见网页动态效果,这种效果常见于新闻网站,能够使最新的新闻标题或摘要从屏幕底部向上滚动,以吸引用户的注意力并展示更多信息。...

    JS实现的新闻列表自动滚动效果示例

    【JS实现新闻列表自动滚动效果】在网页设计中,新闻列表自动滚动是一种常见的动态效果,它能够提升用户体验,使用户无需手动滚动就能查看最新的信息。本文将深入探讨如何使用JavaScript来实现这一功能。 首先,我们...

    新闻列表控件+新闻控件+ 幻灯片控件示例

    本示例涉及的是"新闻列表控件"、"新闻控件"和"幻灯片控件",这些都是创建交互式和动态网页体验的关键元素。下面将详细讲解这三个控件及其在实际应用中的作用。 首先,我们来探讨“新闻列表控件”。新闻列表通常用于...

    jQuery实现新闻列表滚动特效代码.zip

    在这个“jQuery实现新闻列表滚动特效代码”的压缩包中,我们可以期待找到一个利用jQuery创建动态新闻列表滚动效果的示例代码。这种特效通常用于网站的首页或者新闻板块,以吸引用户注意力并提供流畅的用户体验。 ...

    Android实现的ListView-ListViewAdapter(新闻列表事例)

    在这个“Android实现的ListView-ListViewAdapter(新闻列表事例)”中,我们将探讨如何利用ListView和ListViewAdapter来构建一个新闻列表,具体涵盖以下几个关键知识点: 1. **ListView**: ListView是Android SDK中的...

    微信小程序-通过api接口获取新闻列表的demo

    在微信小程序开发中,通过API接口获取数据是常见的操作,特别是在构建新闻列表这样的功能时。本项目"微信小程序-通过api接口获取新闻列表的demo"就是这样一个实例,它展示了如何利用微信小程序的网络请求能力来从...

    无缝循环新闻列表

    【无缝循环新闻列表】是一种常见的前端网页设计技术,主要用于展示新闻、文章或者产品列表,使得用户在滚动页面时,列表内容能够实现平滑无断点的循环,提供更好的用户体验。这种技术常见于新闻网站、社交媒体和电子...

    androidx的recyclerview新闻列表

    在“androidx的recyclerview新闻列表”项目中,我们主要关注如何使用`RecyclerView`来构建一个动态更新的新闻列表,并结合可拖动刷新的功能,为用户提供一个交互式的天气表单。以下是对这个项目中的关键知识点的详细...

    新闻列表AJAX分页

    在.NET开发环境中,使用ASP.NET 4.0和Visual Studio 2010,我们可以实现一个高效的新闻列表AJAX分页功能。这个功能允许用户在不刷新整个页面的情况下加载更多新闻,提供更好的用户体验。以下是对这个主题的详细阐述...

    js实现新闻列表滚动素材.rar

    【JavaScript实现新闻列表滚动】 在Web开发中,新闻列表滚动是一种常见的动态效果,它能提升用户的浏览体验,尤其是在展示大量信息时。JavaScript作为浏览器端的主要脚本语言,提供了丰富的功能来实现这一效果。本...

    纯CSS清爽新闻列表布局——给新手看.rar

    这个压缩包“纯CSS清爽新闻列表布局——给新手看.rar”显然是为了帮助初学者掌握如何使用CSS来创建一个清晰、简洁的新闻列表布局。下面我们将深入探讨CSS在构建这种布局中的关键知识点。 1. **CSS盒模型**:在CSS中...

Global site tag (gtag.js) - Google Analytics