用户注册



邮箱：

密码：

用户登录


邮箱：

密码：
记住登录一个月忘记密码？

发表随想


还能输入：200字
云代码 - html代码库

MSN 4屏新闻焦点图效果

2013-01-14 作者： 神马举报

[html]代码库

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>MSN 4屏新闻焦点图效果</title>
<link href="css/css.css" rel="stylesheet" type="text/css">
<SCRIPT src="js/slideframework.js" type=text/javascript></SCRIPT>
</head>
<body>
<DIV class=kuan460>
  <DIV>
    <DIV id=Carousel> 
      <!-- 1 slide -->
      <DIV class="slide dark"><IMG class=bg 
style="FILTER: ; WIDTH: 460px; HEIGHT: 200px" height=200 alt="" hspace=0 
src="images/b-01.jpg" width=460 border=0>
        <DIV class=frame>
          <DIV class=text>
            <H1><A 
href="http://yuncode.net">雅虎中国重启Yisou.com?</A></H1>
            周鸿祎获表示：“这说明雅虎中国再次认同独立搜索品牌的运作。”不过，在目前百度一家独大的情况下，再次酝酿独立的搜索品牌成功率不高。</B></A></DIV>
          <DIV class="image screen"></DIV>
        </DIV>
      </DIV>
      <!-- 2 slide -->
      <DIV class="slide dark"><IMG class=bg 
style="FILTER: ; WIDTH: 460px; HEIGHT: 200px" height=200 alt="" hspace=0 
src="images/b-02.jpg" width=460 border=0>
        <DIV class=frame>
          <DIV class=text>
            <H1><A 
href="http://yuncode.net">叛将密谋颠覆暴雪王朝</A></H1>
            我在心中一直梦想着亚洲。我拥有50%的中国血统，也曾在中国度过我的童年。我很想为中国的发展出一份力。<BR>
            <LI><A href="http://yuncode.net">·RED 
              5的皮克斯梦想</A></B></A></LI>
          </DIV>
          <DIV class="image screen"></DIV>
        </DIV>
      </DIV>
      <!-- 3 slide -->
      <DIV class="slide light"><IMG class=bg src="images/b-03.jpg">
        <DIV class=frame>
          <DIV class=text>
            <H1><A 
href="http://yuncode.net">曾经中国网络概念第一股今何在？</A></H1>
            CDC门户是曾经号称中国概念第一股的中华网，什么原因让这个曾经的“巨人”没落？</A><BR>
            <A 
href="http://yuncode.net"><B>·中华网投资集团Q4净亏损420万美元</B></A></DIV>
          <DIV class="image screen"></DIV>
        </DIV>
      </DIV>
      <!-- 4 slide -->
      <DIV class="slide dark"><IMG class=bg 
style="FILTER: ; WIDTH: 460px; HEIGHT: 200px" height=200 alt="" hspace=0 
src="images/b-04.jpg" width=460 border=0>
        <DIV class=frame>
          <DIV class=text>
            <H1><A 
href="http://yuncode.net">低价手机让MOTO走上悬崖?</A></H1>
            低价手机曾让摩托罗拉尝到过甜头，但是，这把双刃剑同时也伤了MOTO，利润的捉襟见肘使得他们必须调整策略。</A></DIV>
          <DIV class="image screen"></DIV>
        </DIV>
      </DIV>
      <DIV id=CaroLinks> 
        <!-- 1 button -->
        <DIV class=bubble><IMG class=bbg src="……" width=221> <A 
href="http://yuncode.net"><IMG 
src="images/s-01.gif" width=35 border=0><SPAN>雅虎中国重启Yisou <FONT style="FONT-SIZE: 10px" color=red>Update</FONT></SPAN></A> </DIV>
        <!-- 2 button -->
        <DIV class=bubble><IMG class=bbg src="……" width=221> <A 
href="http://yuncode.net"><IMG 
style="FILTER: ; WIDTH: 35px; HEIGHT: 26px" height=26 alt="" hspace=0 
src="images/s-02.gif" width=35 border=0> <SPAN>叛将密谋颠覆暴雪<FONT 
style="FONT-SIZE: 10px" color=red>Update</FONT></SPAN></A></DIV>
        <!-- 3 button -->
        <DIV class=bubble><IMG class=bbg src="……" width=221> <A 
href="http://yuncode.net"><IMG height=26 
src="images/s-03.gif" width=35 
border=0><SPAN>CDC的前世今生</SPAN></A></DIV>
        <!-- 4 button -->
        <DIV class=bubble><IMG class=bbg src="……" width=221> <A 
href="http://yuncode.net"><IMG 
style="FILTER: ; WIDTH: 35px; HEIGHT: 26px" height=26 alt="" hspace=0 
src="images/s-04.gif" width=35 border=0><SPAN>低价毁了MOTO? </SPAN></A></DIV>
      </DIV>
    </DIV>
  </DIV>
</DIV>
<br>
<br>
<div align="center">[<a href="http://yuncode.net" target="_blank">点击进入代码下载</a>]</div>
</body>
</html>

[代码运行效果截图]


MSN 4屏新闻焦点图效果

[源代码打包下载]




网友评论    (发表评论)


发表评论：

评论须知：

  • 1、评论每次加2分，每天上限为30；
  • 2、请文明用语，共同创建干净的技术交流环境；
  • 3、若被发现提交非法信息，评论将会被删除，并且给予扣分处理，严重者给予封号处理；
  • 4、请勿发布广告信息或其他无关评论，否则将会删除评论并扣分，严重者给予封号处理。


扫码下载

加载中，请稍后...

输入口令后可复制整站源码

加载中，请稍后...