基于jQuery的弹出框(背景同时灰掉)【原创】

本文介绍了如何利用jQuery实现类似微博中常见的弹出框效果,背景灰化并阻止用户交互。通过jQuery UI库的dialog函数,配合modal选项,达到弹窗展示并禁用背景的效果。文中强调jQuery的易用性和部署便捷性,并提到了相关依赖文件jQuery.js、jquery-ui.js和样式表jquery-ui.css。
摘要由CSDN通过智能技术生成

自从前两天头一个jQuery效果弄出来后,似乎对jQuery开始有点着迷了,恨不得现在把网站上布满jQuery特效。喜欢它,不单是因为它的效果漂亮,更关键的,是它的易于掌握和部署方便(代码量少)。

今天在看CSDN里一博友关于jQuery的一系列文章,头一篇说的是自由拖动,虽然效果有意思,但是,其实际意义呢?暂时未想到,所以,也就翻去下一页了。第二篇说的是弹出框,这很容易就让人联想到如今市面上铺天盖地,而且相当流行的弹出框应用--比如,点击某链接时,先弹出登录窗口;又比如点击进入新窗口支付时,原页面弹出窗口指示去向,原页面窗口背后的内容则一律灰掉,不允许再编辑;又比如新浪微博中,需要修改某个属性值时,弹出含有默认值输入框的对话框,修改提交后,原页面直接更新。。。啊,一想到这些,似乎就有点激动了。因为,在认识jQuery之前,也曾经在网上找过原生的js+css的写法,虽然也能实现,不过,貌似代码多了些,至今未实践采用过,永远只是个test。

在看完博友的这篇超级详细讲解的jQuery弹窗,再加上简单自行研究后,终于,弄出了个想要的效果了!对,网上流行的,就是它!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值