设为首页收藏本站
切换到宽版

Discuz!官方免费开源建站系统

 找回密码
 立即注册

QQ登录

只需一步，快速开始

搜索
Discuz!官方免费开源建站系统»论坛 › 增值产品交流与讨论 › SS/XS 专区 › SS/XS-模板插件 › 仿163模板,送上超酷的滑动展开收缩广告效果代码 ...
12下一页
返回列表 发新帖

[分享] 仿163模板,送上超酷的滑动展开收缩广告效果代码

[复制链接]
kkchen2010 发表于 2009-7-4 00:27:02 | 显示全部楼层 |阅读模式
SupeSite模板
语言编码: GBK简体 
风格转换者: 仿制
以前泡DZ学仿的163模板,送上今天网上找到超酷的滑动展开收缩广告效果代码....
gdcook.net.jpg
代码:
<style type="text/css">
<!--
body { margin:0;background:#fffff; }
img { border:0; }
-->
</style>
<script type="text/javascript">
<!--
var nowheight=0;    //初始广告层高度
var maxheight=140;    //广告层最大高度
var adobj;
var opendiv;
var closdiv;
var addfunc;
var handobj;
var reducefunc;         
var speed=7;        //层卷动速度
function showtopad() {
    adobj=document.getElementById("bigad");
    opendiv=document.getElementById("opendiv");
    closdiv=document.getElementById("closdiv");
    if (nowheight<=0) {
        opendiv.style.display="none";
        adobj.style.display="block";
        addfunc=setInterval("addheight()",1);
    }
}
function closetopad() {
    if (nowheight>0) {
        callreduceheight();
        if (typeof(handobj)=="number") {
            clearTimeout(handobj);
        }
    }
}
function addheight() {
    nowheight+=speed;
    if (nowheight>maxheight) {  
        clearInterval(addfunc);
        closdiv.style.top=maxheight-30;
        closdiv.style.display="block";
        handobj=setTimeout("callreduceheight()",6000);
        return;
    }
    adobj.style.height=nowheight+"px";
}
function callreduceheight() {
    closdiv.style.display="none";
    reducefunc=setInterval("reduceheight()",1);
}
function reduceheight() {
    adobj.style.height=nowheight+"px";
    nowheight-=speed;
    if (nowheight<=0) {
        clearInterval(reducefunc);
        adobj.style.display="none";
        opendiv.style.display="block";
        return;
    }
}
//-->
</script>
<body onload="showtopad()">
    <div id="opendiv" style="position:absolute;top:3px;right:3px;z-index:10;padding:3px;border:1px #000 solid;display:none;cursor:hand;background:#fff;"><span onclick="showtopad()">重播</span></div>
    <div id="closdiv" style="position:absolute;right:4px;z-index:10;padding:3px;border:1px #000 solid;display:none;cursor:hand;background:#fff;"><span onclick="closetopad()">关闭</span></div>
     
    <div id="bigad" style="width:750px;height:0;overflow:hidden;display:none;">
        <a href="http://www.gdcook.net/bbs" target="_blank">
            <img src="http://www.gdcook.net/images/gdlogo.jpg">
        </a>
    </div>

     
     
</body>
回复

使用道具 举报

 楼主| kkchen2010 发表于 2009-7-4 00:30:08 | 显示全部楼层
习惯性自沙一个..呵呵..
回复

使用道具 举报

shzgfm 发表于 2009-7-4 09:01:44 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复

使用道具 举报

superfun365 发表于 2009-7-4 10:36:15 | 显示全部楼层
好东西
正需要啊
感谢分享~~~~~~
回复

使用道具 举报

游泳的猪猪 发表于 2009-7-4 11:28:14 | 显示全部楼层
写的不错啊，啦啦















魔兽世界   象山 劲舞团2 象山论坛 象山交友
回复

使用道具 举报

swxga 发表于 2009-7-4 11:38:13 | 显示全部楼层
楼下的来说两句,
回复

使用道具 举报

jiantian 发表于 2009-7-4 15:45:17 | 显示全部楼层
好东西，顶了
http://www.is1001.cn
http://9to8.cn
http://bbs.is1001.cn
回复

使用道具 举报

liuzhendong 发表于 2009-7-4 16:43:17 | 显示全部楼层
用不上 不过也顶一下
回复

使用道具 举报

NNXK.CN 发表于 2009-7-4 16:50:02 | 显示全部楼层
严重拖慢网页显示速度...
回复

使用道具 举报

njjackieee 发表于 2009-7-4 17:31:18 | 显示全部楼层
学习一下
回复

使用道具 举报

下一页 »
12下一页
返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2024-9-30 01:31 , Processed in 1.602940 second(s), 22 queries , Gzip On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

快速回复 返回顶部 返回列表