网页头部的下拉图片怎么做?

[复制链接]
看到很多网站都有下拉框,就是打开首页之后会在头部以上出现一张图片,图片上写“热烈祝贺######”  什么的,然后过个几秒钟就自动缩回去的那种,那样的效果怎么实现啊?
分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
收藏
收藏0
本帖违规,我要举报
举报本帖
免责声明:
本站资源均来源于网络或是会员上传,版权和著作权归原作者所有,如有不愿意被转载,请点击这里通知我们第一时间删除!
所有资源仅供下载后在本地学习研究参考使用!您必须在下载资源后的24个小时之内,从您的电脑中彻底删除。
所有资源不能用于任何商业和非法目的,否则一切后果请用户自负。如您需要商用,请支持和购买正版,本站不对您的使用负任何责任!
会员所发布的信息中如有涉及到具体的第三方个人(单位/公司)隐私、商业秘密等,侵犯其权益,对其构成不良影响的,本站有权不做通知直接删除!

精彩评论6

跳转到指定楼层
#沙发
callyin 发表于 2010-12-16 14:56:08 | 只看该作者
下面这段拿去研究研究把


网页头部下拉js代码:<div id="ad" style="position:absolute"> <a href="http://www.ke8.cn" target="_blank"> <img src="/ad/botongp.gif" border="0"> </a> </div>
<script language=JavaScript>
var x = 80,y = 80
var xin = true, yin = true
var step = 1
var delay = 10
var obj=document.getElementById("ad")
function floatAD() {
var L=T=0
var R= document.body.clientWidth-obj.offsetWidth
//var B = document.body.clientHeight-obj.offsetHeight
var B = document.documentElement.clientHeight
obj.style.left = x + document.documentElement.scrollLeft
obj.style.top = y + document.documentElement.scrollTop
x = x + step*(xin?1:-1)
if (x < L) { xin = true; x = L}
if (x > R){ xin = false; x = R}
y = y + step*(yin?1:-1)
if (y < T) { yin = true; y = T }
if (y > B) { yin = false; y = B }
}
var itl= setInterval("floatAD()", delay)
obj.onmouseover=function(){clearInterval(itl)}
obj.onmouseout=function(){itl=setInterval("floatAD()", delay)}
</script>
<script type="text/javascript">
function showWWPopup() {
var wp = document.getElementById('WWPopup');
var anim = function(){
n += 5;
if(n >= 180){
wp.style.marginTop = '0';
window.clearInterval(tt);
}else{
wp.style.marginTop = "-"+(180 - n)+"px";
}
},n=0;
var tt = window.setInterval(anim, 100);
}

function hideWWPopup() {
var wp = document.getElementById('WWPopup');
var anim = function(){
n += 5;
if(n >= 180){
wp.style.marginTop = '-180px';
window.clearInterval(tt);
}else{
wp.style.marginTop = "-"+n+"px";
}
},n=0;
var tt = window.setInterval(anim,200);
return false;
}

function initWWPopup() {
var wp = document.createElement('div');
wp.id = 'WWPopup';
wp.style.marginTop = '-180px';
document.body.insertBefore(wp, document.getElementById('Head'));
wp.innerHTML = ' <object classid=clsid:D27CDB6E-AE6D-11cf-96B8-444553540000 codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="760" height="180"> <param name="movie" value="other/adflash.swf" /> <param name="quality" value="high" /> <param name="SCALE" value="exactfit" /> <embed src="other/adflash.swf" width="760" height="180" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" scale="exactfit"> </embed> </object>';
showWWPopup();
}
initWWPopup();
setTimeout("hideWWPopup()",18000);
</script>
#板凳
910661715 发表于 2010-12-17 10:30:57 | 只看该作者
JS呀。伸缩的效果
#地板
liyangjun520 发表于 2010-12-18 08:00:07 | 只看该作者
只为几几个虎B
#地窖
liyangjun520 发表于 2010-12-18 08:00:31 | 只看该作者
虎B 哈哈.逗
6#
 楼主| a415734243 发表于 2010-12-28 00:25:34 | 只看该作者
问题已经解决了·  谢谢····
7#
thlggddla 发表于 2011-3-11 15:02:58 | 只看该作者
我也来学习了,呵呵。
您需要登录后才可以回帖 登录 | 注册帐号

本版积分规则

关注0

粉丝3

帖子8

发布主题
15年专注源码提供
侵权投诉处理

点击这里投诉侵权

周一至周日10:00-21:00

反馈建议/违规信息举报

webmaster@souho.net 在线客服咨询

扫描二维码关注我们

严禁任何人以任何形式在本站发表与我国法律相抵触的言论!本站资源仅供本地学习研究,禁止用于任何违法犯罪活动!

搜虎源码所有资源来自网络收集整理,版权和著作权归原作者所有,仅供本地研究学习。若有侵权,请联系管理员及时删除!

所有资源严禁用于任何商业目的,否则一切后果请用户自负。如您需要商用,请支持和购买正版,本站不对您的使用负任何责任!

如会员所发布的信息中有涉及到具体的第三方个人(单位/公司)隐私、商业秘密等,侵犯其权益,对其构成不良影响的,本站有权不做通知将该信息予以直接删除处理!

网站备案号: 鄂ICP备17009394号-2