• 设为首页
  • 加入收藏
  • 我要投稿
  • 联系站长
  • 网站模板技术交流
当前位置:模板网首页 > 特效插件 > 广告特效 >  绿色顶部伸出和收回正文

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

作者:网页模板
大小:0.053MB
点击次数:
发布时间:2014-04-03 13:46
分享到:

特效介绍

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、修改里面的内容为您的广告语或者代码
  • 本文标签:
  • 绿色,顶部,伸出,和,收回,的,jQuery,广告,代码,
jquery右侧固定广告区域代码
仿麦包包首页顶部伸缩广告jQuery广告代码