| 网站首页 | 教程 | 素材 | 图片 | 特效 | 论坛 | 字体 | 模板 | 软件 | 书籍 | 源码 | 新闻 | 站长原创 | 动易模板 | 
您现在的位置: 玉叶随风网 >> 教程 >> 网页制作 >> 技术文章 >> 文章正文 用户登录 新用户注册
[组图]奇虎滑门效果代码         ★★★ 【字体:
奇虎滑门效果代码
热门推荐:
普通文章 奇虎滑门效果代码
普通文章 网页防复制代码
普通文章 对联广告代码效果大全
普通文章 顶部广告代码的运用,绝
作者:佚名    文章来源:本站原创    点击数:    更新时间:2007-8-5
<title>首页</title>
<style type="text/css">
/* ========== 全局CSS定义 ====== */
body { text-align: center; font-family:"宋体", Arial; margin:0; padding:0; background: #FFF; font-size:12px; color:#000;}
div,form,img,ul,ol,li,dl,dt,dd,p { margin: 0; padding: 0; border: 0;}
li{ list-style:none;}
h1,h2,h3,h4,h5,h6,input { margin:0; padding:0;}
table,td,tr,th{ font-size:12px;}
/* ========== 链接颜色 ====== */
a:link { color: #000; text-decoration:none;}
a:visited { color: #800080;text-decoration:none;}
a:hover { color: #f60; text-decoration:underline;}
a:active { color: #000;}
/* ========== 字体属性 ====== */
.cRed,a.cRed:link,a.cRed:visited{ color:Red; }
.cBlue,a.cBlue:link,a.cBlue:visited{ color:#1f3a87;}
.cBlack,a.cBlack:link,a.cBlack:visited{ color:#000;}
.fB { font-weight: bold;}
.f14{ font-size:14px;}
/* ==========新闻 ====== */
#conL{ width:480px; float:inherit;}
.lineB{ border-bottom:1px solid #B7C9D2;}
#newsCon0,#newsCon1{
    height:290px;
    overflow:hidden;
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #CCCCCC;
    border-left-color: #CCCCCC;
}
#qNews{ clear:both; }
#qNews .nTit{ background:url() left no-repeat 10px; float:right;}
#qNews .nTit li span a{ margin:0 5px;}
.b{ width:2px; height:26px;}
.qNewsbg{ width:239px; line-height:26px; cursor:pointer; background:url(
) no-repeat; color:#7D8E9E;}
.qNewsbg1 a{ color:#7D8E9E;}
.qNewsbg1 a:visited{ color:#7D8E9E;}
.qNewsbg1 a:hover{ color:#f60;}
.nLeft{ width:162px; margin:0 13px; display:inline; padding-top:5px; float:left;}
.nLeft li{ line-height:180%; text-align:left;}
.nLeft li img{ border:1px solid #666; margin:0 auto; vertical-align:top; }
.nLeft li p{ line-height:20px;}
.nLeft li p a:link,.nLeft li p a:visited,.nLeft li p a:hover{ color:#1f3a87;}
</style>
<script language="JavaScript">
//用于取得元素可操作的ID
function GetObj(objID)
{
    if(document.getElementById)
    {
        return eval('document.getElementById("' + objID + '")');
    }
    else
    {
        if(document.layers)
        {
            return eval("document.layers['" + objID + "']");
        }
        else
        {
            return eval('document.all.' + objID);
        }
    }
}
// News 标签
var waitInterval;
var MDelayTime=300;
function ADMenu(index){
            clearTimeout(waitInterval);
            waitInterval=window.setTimeout("getShow("+index+");",MDelayTime);
}
function getShow(index){
            clearTimeout(waitInterval);
            for(var i=0;i<2;i++){/* 最多支持2个标签 */
                if(GetObj("newsCon"+i)&&GetObj("ADm"+i)){
                    GetObj("newsCon"+i).style.display = 'none';
                    GetObj("ADm"+i).className = "qNewsbg1";
                }
            }
            if(GetObj("newsCon"+index)&&GetObj("ADm"+index)){
                GetObj("newsCon"+index).style.display = 'block';
                GetObj("ADm"+index).className = "qNewsbg";
            }
}
</script>
</head>
<body>
<div id="conL">
<div id=clk_news_y onmousedown="statClkHandle('clkstat.qihoo.com','_pdt=bbs2&_pg=3924&_bd=news_y&_h=b8-6&_v=039',event);">    <div id="qNews" class="lineB">
            <div class="nTit">
            <ul>
            <li class="qNewsbg" id="ADm0" onMouseOver="ADMenu(0);"  onMouseOut="clearTimeout(waitInterval);"><h6><a href="
http://sh.qihoo.com/" target="_blank">焦点新闻</a></h6>
            </li>
            <li class="b"></li>
<!-- local head -->
            <li class="qNewsbg1" id="ADm1" onMouseOver="ADMenu(1);"  onMouseOut="clearTimeout(waitInterval);">
          <h6><a id="locbar" href="http://sh.qihoo.com/difang/" target="_blank">北京新闻</a></h6>
            </li>
            </ul>
            </div>
<!-- local head end-->
            <div id="newsCon0">
                <div class="nLeft">
                <ul>
<li style="text-align:center"><a href="http://sh.qihoo.com/article/n202914,8e768c,n3924_38503.html" target="_blank"><img src="http://sh.qihoo.com/article/n202914,8e768c,n3924_38503.html">金正日与我外交官度元宵节</a></p></li>
                </ul>
                </div>
</div>
            <div id="newsCon1" style="display:none;">
                <div class="nLeft">
                <ul>
<li style="text-align:center;"><a    id="utitle_203027" target="_blank" href="http://sh.qihoo.com/article/n203027,b9e1f2,n3824_37883.html"><img src="http://sh.qihoo.com/article/n203027,b9e1f2,n3824_37883.html">北京奥运风情舞动好莱坞</a></p></li>
                </div>
            </div>
        </div>
</div>
文章录入:碧玉叶    责任编辑:碧玉叶 
  • 上一篇文章:

  • 下一篇文章:
  • 发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口