JQ鼠标移动事件

版权声明:转载原创文章请以超链接形式请注明原文章出处,尊重作者,尊重原创!


恰饭广告




<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script type="text/javascript" src="jquery-3.2.1.js"></script>
    <script>
        $(document).ready(function(){
            $("#hide_text").hide();
            $("#show_text").mouseover(function(){
                $("#hide_text").show();
            });
            $("#show_text").mouseout(function(){
                $("#hide_text").hide();
            });
        });
    </script>
    <style>
        #show_text{
            width: 200px;
            height: 50px;
            background: blue;
            color: white;
            text-align: center;
            line-height: 50px;
            margin-bottom: 10px;
        }
        #hide_text{
            width: 200px;
            height: auto;
        }
    </style>
</head>
<body>
    <div id="show_text">
        <span>什么是Jquery?</span>
    </div>
    <div id="hide_text">
        <span>JQuery是继prototype之后又一个优秀的Javascript库,它是一个由JohnResig创建于2006年1月的开源项目。jQuery凭借简洁的语法和跨平台的兼容性,极大地简化了Javascript开发人员遍历HTML文档,操作DOM,处理事件,执行动画和开发Ajax。它独特而又优雅的代码风格改变了Javascript程序员的设计思路和编写程序的方式。</span>
    </div>
</body>
</html> 

原文链接:https://www.idaobin.com/archives/240.html

让我恰个饭吧.ヘ( ̄ω ̄ヘ)

支付宝 ——————- 微信
图片加载中图片加载中



恰饭广告

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

2 × = 4