新闻框

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title></title>
 6         <style type="text/css">
 7             * {
 8                 margin: 0;
 9                 padding: 0;
10             }
11             body {
12                 font: arial simsun;
13             }
14             .jdexpress {
15                 margin: 200px;
16                 width: 248px;
17                 height: 163px;
18                 border: 1px solid #e4e4e4;
19             }
20             .jdexpress .hd {
21                 height: 32px;
22                 border-bottom: 1px dotted #e8e8e7;
23                 padding: 0 16px;
24             }
25             .jdexpress .hd h3 {
26                 float: left;
27                 font: 16px/32px "microsoft yahei",simsun;
28             }
29             .jdexpress .hd a.more {
30                 float: right;
31                 font: 16px/32px "microsoft yahei",simsun;
32                 text-decoration: none;
33                 color: #666;
34             }
35             .jdexpress .hd a.more span {
36                 color: #9f9f9f;
37                 font-family: "Consolas";
38             }
39             .jdexpress .bd {
40                 padding-top: 5px;
41                 padding-left: 15px;
42             }
43             .jdexpress .bd ul {
44                 list-style: none;
45             }
46             .jdexpress .bd ul li {
47                 font-size: 12px;
48                 line-height: 24px;
49             }
50             .jdexpress .bd ul li a {
51                 text-decoration: none;
52                 color: #666;
53             }
54             .jdexpress .bd ul li a span {
55                 font-weight: bold;
56                 color: #6f6f6f;
57             }
58         </style>
59     </head>
60     <body>
61         <div class="jdexpress">
62             <div class="hd">
63                 <h3>京东快报</h3>
64                 <a href="" class="more">更多 <span>&gt;</span></a>
65             </div>
66             <div class="bd">
67                 <ul>
68                     <li><a href="#"><span>[特惠]</span> 女神丝袜节99元3件</a></li>
69                     <li><a href="#"><span>[公告]</span> 地方特产馆助力初春农产品上行</a></li>
70                     <li><a href="#"><span>[特惠]</span> 春潮抢新 4核本再战999</a></li>
71                     <li><a href="#"><span>[公告]</span> 京东帮增至1340家 家电送到村</a></li>
72                     <li><a href="#"><span>[特惠]</span> 宝洁沐浴,爆款直降!</a></li>
73                 </ul>
74             </div>
75         </div>
76     </body>
77 </html>
时间: 2024-11-13 06:44:09

新闻框的相关文章

告别2014,你是否感谢这一年的自己?

现在是刚到深圳工作快满2个月的情况,只身一人,跨年于我没有太大意义.只是站在14年的尾巴上,总会让人油然回首,回顾这一年的纠纷.起落和得失. 年初是下岗了,上下文环境是“粤东房产老板行贿被捕,XX进行大裁员”.老板被捕的时候是连腾讯都在右下角出新闻框报道的,接着是各种民工到工地或公司闹事.高层出走和内部大裁员. 裁员大概是裁了三分之二吧,记得当初跟朋友吃饭的时候我还跟他们说笑“应该不会裁到我头上,我走了公司的OA及各个我二次开发的系统就废弃了”.的确我在公司做的算是挺不错,也算某个领域独挑大梁的

#我与学院的四周年#我的这几年....

hi,大家好,看到51cto学院这次举办的活动,借此机会,我也来说说我吧,得不得奖没关系,权当记录生活吧,对读后的朋友希望是一种鼓励,好了,不废话了. 我从小生活在四川盆地的小山村,紧临秦岭,到现在,我们那里还是土瓦房,虽然现在在西南一线城市,但我还是依旧喜欢我的故乡.我不聪明,但我从小很努,高考那时也只考了二专,恰逢那年,母亲出事,比我先一年的伙伴也考了二专,他说专科不如不读,所以就没读了,我拿着父亲给的500元,辗转来到现在的城市,那是我第一次出远门,坐火车,来到了走很久很久也走不出头街道的

C# 仿制QQ弹出新闻消息框

打开QQ的时候,QQ新闻弹出窗体在屏幕的右下角就会慢慢升起一个小窗口,占用的地方不大,可以起到提示的作用.下面就让我们来看看,怎样用系统API来轻松实现这个功能. API原型函数: bool AnimateWindow(IntPtr hwnd, int dwTime, int dwFlags); 从字面的意思来看,这个函数名为"活动的窗口",事实上也如此,通过这个函数,可以使我们的窗体动作丰富起来,要在c#中使用winApi首先引入命名空间: view plaincopy to cli

解决新闻模块评论弹框问题

1.要实现弹框能够随着手机软键盘的移动而移动需要在弹框的最外层加一个ScrolloView. 2.弹框设置为获取了焦点的,这时候软键盘不能够因为EditText获取焦点而弹出,这时需要使用强制弹出软件盘这样才能够实现弹框并自动弹出键盘. 3.需要响应弹框点击返回键消失,需要给PopWindow设置一个背景图,PaintBitmap. 4.设置背景框的点击监听事件,监听到事件时候就让他消失,但是当点击发送,背景框里的Edittext,button控件时候却不会响应这个事件,应该是事件分发被拦截了.

[js高手之路]设计模式系列课程-组合模式+寄生组合继承实战新闻列表

所谓组合模式,就是把一堆结构分解出来,组成在一起,现实中很多这样的例子,如: 1.肯德基套餐就是一种组合模式, 比如鸡腿堡套餐,一般是是由一个鸡腿堡,一包薯条,一杯可乐等组成的 2.组装的台式机同理,由主板,电源,内存条,显卡, 机箱,显示器,外设等组成的 把一个成型的产品组成部件,分成一个个独立的部件,这种方式可以做出很多灵活的产品,这就是组合模式的优势 比如:家用台式机电脑,要求配置比较低, 这个时候只需要主板+电源+内存条+机箱+显示器+外设就可以了,不需要配置独立显卡 鸡腿堡+鸡翅+紫薯

新闻发布的一点小总结

经过一段时间的学习,完成了新闻发布的基础功能,进行一点小总结,方便日后回顾.下面是我的一点小总结,不足之处请勿见笑... 我们想要完成一个新闻发布,首先要使其能够成功发布,并且让它能够实现添加.删除.修改.查询.上传.下载等功能.我们还调用AJAX功能查看输出为XML.JSON格式的新闻内容.为完成以上功能,我们首先要进行jdk.tomcat.eclipse的安装和配置.1.各软件的安装和配置1.1.jdk的安装和配置: 1.1.1.下载jdk:下载地址:http://www.oracle.co

js 常见弹出框学习

模拟系统的弹出框 系统自带的弹出框 总结 链接  http://blog.csdn.net/anhuidelinger/article/details/17024491 参考这个网站学习模态框的动态弹出   http://tympanus.net/codrops/2013/06/25/nifty-modal-window-effects/,网站提供打包好的资源下载. html中的基本结构: <div class="md-modal md-effect-1" id="mo

多选框的全选、全不选、反选

要实现多选框的选择相关映射,要实现以下逻辑: 1.全选框被点击时,所以子选框被选中. 2.当全选状态下,子选框的其中一个撤销点击,全选框自动unchecked 3.为全选状态下,子选框一个个全部选中,最后一个子选框框点击之后,全选框自动checked var information=$("#"+flag).find(".information");  var $newsCheck = information.find("input[name='newsCh

牛腩新闻发布系统笔记——怎么写CSS

根据这牛腩学习敲新闻发布系统已经有一段时间了,挺佩服牛腩的,讲那么多东西,我听着也不觉得枯燥,反而有种,一不留神就会错过很多东西的感觉,所以有些地方也是重复又重复的在看. 这篇博客就总结总结小编在学习牛腩新闻发布系统的时候一些笔记.可能知识还比较原生态,but who cares.现在先提炼出来,以后慢慢的体会和升华吧. 牛腩一部分可以说是和机房相似,也是让我从.net到c#的一个过渡.中间一部分就是讲div +css了.里面的知识说多也不多的,根据不同的需求,它又有各种变形和组合,这加起来就有