诺亚传说手机版下载-www-51xuediannao-com.elgberget.com

google seo -> telegram: @ehseo6

">Newsnet 2022-09-28 04:26
  • home  >   /通辽肮毒租售有限公司  >   诺亚传说手机版下载
  • banana夹 355娱乐彩票网
    棋牌麻将源代码 刷注工作室用概率方法赚钱
    sg飞艇官网开奖 how about 诺亚传说手机版下载?
    What's the 诺亚传说手机版下载 phone number? What is 诺亚传说手机版下载 contact information ?
    Online consultation 诺亚传说手机版下载 The picture of the 诺亚传说手机版下载
    诺亚传说手机版下载of the video Is 诺亚传说手机版下载 for real ?
    诺亚传说手机版下载's website A map of 诺亚传说手机版下载
    诺亚传说手机版下载 of tiktok 诺亚传说手机版下载music
    诺亚传说手机版下载 of news 诺亚传说手机版下载app
    诺亚传说手机版下载company Customer service of 诺亚传说手机版下载 company

    亚博体育

    亚博体育

    知识 分享 互助 懒人建站

      懒人建站专注于网页素材下载,提供网站模板、网页设计、ps素材、图片素材等,服务于【个人站长】【网页设计师】和【web开发从业者】的代码素材与设计素材网站。

      懒人建站提供网页素材下载、网站模板
      知识 分享 互助!

      亚博体育

      作者:佳明妈 来源:jquery特效 2022-09-28 人气:
      这个jquery弹出下拉菜单插件弹出层相对于自身的父层jquery特效弹出下拉菜单效果,考虑到不需要改动程序所以就利用原来的JS代码,用ajax的方式加载(以后只维护那个ajax加载的文件即可

      懒人建站说明:id="lr_systembox" 这个外层的父层是演示用的层,实际应用中你可以借用顶部或者是其他什么地方的div层,这个父层要设置相对定位,为了绝对定位里面的弹出菜单的位置。

      这个弹出下拉菜单插件弹出层相对于自身的父层jquery特效弹出下拉菜单效果,是懒人建站在一做学校网站的时候用的,需求要在中心校的下属学校的顶部都出现这个菜单,所以懒人建站就采用的灰色按钮(灰色可以搭配各种风格颜色^_^),考虑到不需要改动程序所以就利用原来的JS代码,用ajax的方式加载(以后只维护那个ajax加载的文件即可)。

      也许你会觉得懒人建站的弹出菜单结构有点复杂了,其实不然,dl dt dd结构是有后续考虑的比如要加三级菜单的时候,这种结构就会有一点用武之地了,懒人可以再添加dd标签

      懒人建站的拙作希望能帮助到像我一样的菜鸟,高手可以飘过自己写的。^_^

      核心jquery特效代码如下:
      <script type="text/javascript">
      $(document).ready(function(){
          var lr_systembtn = $("#lr_systembtn");
          var lr_menu = $("#lr_menu");
          lr_systembtn.mouseenter(function(){
              t_delay= setTimeout(function(){
                  lr_menu.fadeIn("slow");
              }200);
          });
          lr_systembtn.mouseleave(function(){
              clearTimeout(t_delay);
              lr_menu.fadeOut("slow");
          });

      });
      </script>

      css代码:
      /*懒人建站弹出菜单*/
      #lr_systembox{ width:980px; height:50px; background-color:#CCC; position:relative; margin:0 auto; z-index:100000;}
      .lr_systembtn{ width:201px; height:35px; line-height:33px;position:absolute; top:0px; right:0px; z-index:100004;}
      .lr_systembtn .lr_abtn{ width:100%; height:35px; display:block; font-size:15px; font-weight:bold;color:#666666;
      background-image: url(lr_images/btn_system.png);background-repeat:no-repeat;background-position:left top;}
      .lr_systembtn .lr_abtn:hover{color:#333333;background-position:left bottom;}
      .lr_systembtn .lr_abtn span{ padding-left:28px;}
      .lr_menu{ width:184px; padding:8px 6px 8px 6px; background-color:#ffffff; border:#ACACAC solid 2px;filter:alpha(opacity=90);opacity: 0.90;
      position:absolute; top:35px; right:0px;  z-index:100005;display:none;}
      .lr_menu dl{width:100%; display:block; overflow:hidden;}
      .lr_menu a{ width:100%;display:block; color:#666666;border-bottom:#ACACAC dashed 1px;height:30px; line-height:30px; font-size:14px;
      background-image: url(lr_images/jt1.gif);background-repeat:no-repeat;background-position:6px center;}
      .lr_menu a:hover{background-color:#E2E2E2; color:#333333; text-decoration:none;}
      .lr_menu dt{}
      .lr_menu dt a{font-weight:bold;text-indent:14px;}
      .lr_menu dd a{text-indent:24px;background-position:16px center;}

      html代码:
      <div id="lr_systembox">

          <div id="lr_systembtn" class="lr_systembtn">
              <a href="#" class="lr_abtn"><span>懒人建站为您提供</span></a>
              <div id="lr_menu" class="lr_menu">
                <dl>
                   <dt><a href="http://www-51xuediannao-com.elgberget.com/js/" target="_blank">jquery特效</a></dt>
                </dl>
                <dl>
                   <dt><a href="http://www-51xuediannao-com.elgberget.com/js/nav/" target="_blank">导航菜单</a></dt>
                   <dd><a href="#" target="_blank">三级菜单测试</a></dd>
                   <dd><a href="#" target="_blank">三级菜单测试</a></dd>
                </dl>   
                <dl>
                   <dt><a href="http://www-51xuediannao-com.elgberget.com/js/slide/" target="_blank">焦点幻灯片</a></dt>
                </dl>
                <dl>
                   <dt><a href="http://www-51xuediannao-com.elgberget.com/js/texiao/" target="_blank">网页特效</a></dt>
                </dl>
                <dl>
                   <dt><a href="http://www-51xuediannao-com.elgberget.com/qqkefu/" target="_blank">qq在线客服代码</a></dt>
                </dl>   
                <dl>
                   <dt><a href="http://www-51xuediannao-com.elgberget.com/jquery_tanchu/" target="_blank">jquery弹出层</a></dt>
                </dl>       
              </div>
          </div>

      </div>

      ↓ 查看全文

      jquery弹出下拉菜单插件弹出层相对于自身的父层由懒人建站收集整理,您可以自由传播,请主动带上本文链接

      懒人建站就是免费分享,觉得有用就多来支持一下,没有能帮到您,懒人也只能表示遗憾,希望有一天能帮到您。

      jquery弹出下拉菜单插件弹出层相对于自身的父层-最新评论

      在哪里可以买福彩快三 排列三乐彩论坛图迷 百盈快三网页版 福速体彩36 详情 58彩快三破解器
      中国福彩3b走势图 今日福彩3的字谜总汇 幸福彩票电视频道 江苏快三破解网 十一选五任四精准算式
      中国体彩十一选五69期 2016135期双色球推荐 甘肃省体育彩票十一选五手机版 快三计划稳赢版免费 大乐透官网电脑
      时时彩选号心得 双色球18006期的预测号码 排列三定位预测 2016年福彩3d杀码公式 大乐透走势图大赢家