用Python实现网页点击特效

最新推荐文章于 2024-08-05 05:18:27 发布

pyjishu

最新推荐文章于 2024-08-05 05:18:27 发布

阅读量730

点赞数

文章标签：列表 python web开发 json web

本文链接：https://blog.csdn.net/pyjishu/article/details/115527226

版权

这篇博客介绍了如何使用Python实现网页点击特效，展示了如何获取电脑已安装的Python模块，包括系统内置模块和通过pip安装的模块。文章还提到了一些Python的冷门知识点，如_开头的模块代表C语言编写的扩展。最后，博主分享了代码，当用户点击网页时，会出现Python的模块名称，为Python爱好者提供了一种有趣的应用。

摘要由CSDN通过智能技术生成

其中说到了一个点击网页出现爱心特效的插件 click_heart.js ,当然大家可能也见过其他博客上面，有点击网页出现类似富强、民主、文明、和谐等等，关于代码在这里不多赘述，网上一查就能查到。代码如下：

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <script type="text/javascript" src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
    <script type="text/javascript">
        /*鼠标点击出现文字*/
        $(document).ready(function () {
            var a_index = 0;
            $("body").click(function (e) {
                var a = new Array("富强", "民主", "文明", "和谐", "自由", "平等", "公正", "法治", "爱国", "敬业", "诚信", "友善");
                var $i = $("<span/>").text(a[a_index]);
                a_index = (a_index + 1) % a.length;
                var x = e.pageX, y = e.pageY;
                $i.css({
                    "z-index": 99999,
                    "top": y - 20,
                    "left": x,
                    "position": "absolute",
                    "font-weight": "bold",
                    "font-size": "12px",
                    "color": "#ff6651"
                });
                $("body").append($i);
                $i.animate({"top": y - 180, "opacity": 0}, 1500, function () {
                    $i.remove();
                });
            });
        });
    </script>
    <style>
        div {
            width: 200px;