卷帘下拉广告-js代码分享
卷帘下拉广告-js代码分享，从山东电信网站上扒下来的，与大家分享：
效果图：
代码：
<script type="text/javascript" src="/js/juanlian.js"></script>
<!---JS--->
$(function(){
//卷帘广告，1000是卷帘速度，10000是停留时间
$("#toptip").slideDown(1000, function(){
var dom = $(this);
setTimeout(function() { dom.slideUp(1000); },8000);
});
});
$(document).ready(function(){
$(".close").mousemove(function(){$(this).css("background-position","0 -50px")});
$(".close").mouseleave(function(){$(this).css("background-position","0 0")});
});
<!--JS 结束-->
------------------------------------------------------------------------------------------
<!--源码开始-->
<script type="text/javascript">
$(function(){
//卷帘广告，1000是卷帘速度，10000是停留时间
$("#toptip").slideDown(1000, function(){
var dom = $(this);
setTimeout(function() { dom.slideUp(1000); },10000);
});
});
$(document).ready(function(){
$(".close").mousemove(function(){$(this).css("background-position","0 -50px")});
$(".close").mouseleave(function(){$(this).css("background-position","0 0")});
});
</script>
<style>
#toptip {
width:1000px;
margin:auto;
position:relative;
}
#toptip .close {
background:url("upload/201311231628436638.gif") no-repeat scroll 0 0 transparent;
width:15px;
height:15px;
position:absolute;
top:10px;
right:10px;
cursor:pointer;
}
</style>
</HEAD>
<BODY>
<!--卷帘广告-->
<div style="display: none;" id="toptip">
<div style="background-position: 0pt 0pt;" class="close" onclick="$('#toptip').slideUp(600);"></div>
<a target="_blank" href="upload/201311231628437486.jpg"></a>
</div>
<!--卷帘广告 结束-->
<!-源码结束-->
源文件下载：
------------------------------------------------------------------------------------------------
卷帘带小广告
<div class="wp a_h"><SCRIPT src="http://bbs.zbgl.net/static/js/lamu.js" type=text/javascript></SCRIPT>
<script type="text/javascript">
function TopAd()
{
var strTopAd="";
strTopAd="<div id='adimage' style='width:960px;margin:0 auto;'><div id=adBig>"+
"<a href=\"http://bbs.zbgl.net/thread-5283407-1-1.html\" "+
"target=_blank><img "+
"title=拉幕广告(大) "+
"src=\"upload/201311261749256620.jpg\" "+
"border=0 width=960></A> "+
"</div>"+
"<div id='adSmall' style='display: none'>"+"<a "+
"href=\"upload/201311261749252520.jpg\" "+
"border=0 width=960></A>"+
"</div></div>";
return strTopAd;
}
document.write(TopAd());
jQuery(function(){
setTimeout("showImage();",4800);
});
function showImage()
{
jQuery("#adBig").slideUp(1000,function(){
jQuery("#adSmall").slideDown(1000);
});
}
</script>
原创文章如转载，请注明：转载自能猫生活记录 http://www.wlyxe.cn/
本文链接：http://www.wlyxe.cn/wangluo/juanlianguanggao.html
相关文章
◎欢迎参与讨论，请在这里发表您的看法、交流您的观点。