Rumah > hujung hadapan web > tutorial js > Jquery实现自定义弹窗示例_jquery

Jquery实现自定义弹窗示例_jquery

WBOY
Lepaskan: 2016-05-16 16:55:36
asal
1086 orang telah melayarinya

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

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

HTML部分:

复制代码 代码如下:






登录腾虎通行证


×






















请输入用户名




请输入密码



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




可以使用一下方式登录



  • QQ

  • MSN







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



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




整个功能的代码都在这里了
Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan