最新文章:

首页 Web

html鼠标点击出现下来(收缩)实现方法

发布时间:2015年05月23日 评论数:2 阅读数:3619

    如何实现html鼠标点击出现下来(收缩)的方法?这个应该会经常用到

    有时候我们需要点击一个文字或者图片的时候出现一个下拉的页面,再点击就会收缩回去,比如需要一个隐藏的表单,点击某处才出来的时候,今天分享下这个相关代码!做之前需要加载一个jquery

    html鼠标点击出现下来(收缩)实现方法


    <script src="js/jquery-1.4.2.min.js"></script>

    <script type="text/javascript">

           $(document).ready(function(){

    $("#ljhinput").click(function(){

        $("#leoinput").slideToggle("slow");

      });

    });  

    </script>

    <div id="ljhinput"></div> <!--这个是需要点击的div,如果里面是图片或者文字,就把id写图片和文字上-->

    <div id="leoinput" style="display: none;"><!--这个是点击后出现的DIV页面,刚进来是需要隐藏起来的,所以写了个style-->


    这样就实现了点击后上下收缩的网页!

二维码加载中...
本文作者:Mr.linus      文章标题: html鼠标点击出现下来(收缩)实现方法
本文地址:http://www.90qj.com/61  百度暂未收录本文
版权声明:若无注明,本文皆为“挨踢 Blog”原创,转载请保留文章出处。
挤眼 亲亲 咆哮 开心 想想 可怜 糗大了 委屈 哈哈 小声点 右哼哼 左哼哼 疑问 坏笑 赚钱啦 悲伤 耍酷 勾引 厉害 握手 耶 嘻嘻 害羞 鼓掌 馋嘴 抓狂 抱抱 围观 威武 给力
提交评论

清空信息
关闭评论
小灰
小灰2015-07-13 16:38回复
#1
抄袭都不留个版权,小灰博客!
F1
F12015-07-15 14:59回复
@小灰:不好意思、不是从你这里转载、所以不必留你的版权。