绿色顶部伸出和收回的jQuery广告代码

绿色顶部伸出和收回的jQuery广告代码。点击“X”会收回广告，点击下拉按钮，广告又会显示。 1、在head区引入下面的代码

<LINK rel=stylesheet type="text/css" href="css/5imoban.net.css" media="screen">
<SCRIPT type=text/javascript src="http://www.5imoban.net/download/jquery/jquery-1.8.3.min.js"></SCRIPT>
<SCRIPT type=text/javascript src="js/jquery-ui.min.js"></SCRIPT>
<SCRIPT type=text/javascript src="js/howdydo-bar.js"></SCRIPT>
<SCRIPT type=text/javascript>
    $(document).ready( function(){
        $( '#howdy' ).howdyDo({
            action        : 'hover',
            effect        : 'slide',
            easing        : 'easeInOutExpo',
            duration    : 600,
            openAnchor    : '<img src="images/down-arr-16x16.png" border=0 />',
            closeAnchor    : '<img src="images/close-16x16.png" border=0 />'
        });
    });
</SCRIPT>

2、在内容的顶部区域引入下面的代码：

<DIV id=howdy>
<SPAN id=heading>我爱模板网 - 找模板，找素材，找教程，就来我爱模板网。</SPAN><BR>
<A href="http://www.5imoban.net/" target=_blank>www.5imoban.net</A>
</DIV>

3、修改里面的内容为您的广告语或者代码

部分素材资源来源网站，本站提供免费下载，如有侵权请联系站长马上删除！