欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

Jquery实现自定义弹窗示例_jquery

程序员文章站 2022-04-23 21:27:06
...
在项目开发中,如果我们使用javascript自带的提示对话框,感觉不怎么美观,所以我们通常都是自己定义一些对话框,这里我实现点击按钮就弹窗一个登录的窗口,点击该窗口并可以实现拖拽功能,太多文字的东西说不清楚,直接用代码说话。

这里我将HTML、CSS、Jquery代码分别贴出来

HTML部分:
复制代码 代码如下:






登录腾虎通行证


×






















请输入用户名




请输入密码



下次自动登录 忘记密码?
立即注册




可以使用一下方式登录



  • QQ

  • MSN







CSS部分代码:
复制代码 代码如下:



Jquery代码:
复制代码 代码如下:




整个功能的代码都在这里了
相关标签: jquery 弹窗