jquery橙色响应式自定义弹出框插件

所属分类: 网页特效-弹出层    2023-08-02 10:48:04

jquery橙色响应式自定义弹出框插件 ie兼容6
 查看演示  登录后下载 温馨提示
登录会员即可享受免费下载
 我要建站

jquery橙色响应式自定义弹出框插件(共5个文件)

    • jquery.alert.css
    • jquery.alert.js
    • jquery.alert.min.js
    • index.html
    • jquery.alert.min.css

使用方法

    $(function(){
        $('.alert-btn').click(function(){
            $.alert('An Alert Dialog By jQueryScript',{em:'Emphasized Text',title:'Alert Dialog'})
        })

        $('.confirm-btn').click(function(){
            $.confirm('你确认要删除吗?',{em:'kuli8.com',title:'删除!',callEvent:function(){$.alert('Deleted')},cancelEvent:function(){$.alert('确认');},cancelButton:'取消'})
        })

        $('.prompt-btn').click(function(){
            $.prompt('Try To Type 1234',{title:'Login Form',callEvent:function(val){if(val==1234) $.alert('Invalid Password'); else $.alert('Logged In');},input:'password',confirmButton:'Log In'})
        })

        $('.colorChange-btn').click(function() {
            $("#item-box").stop().animate(
                {"margin-left":"500px"},1000
            ).animate(
                {"margin-left":"0"},300
            ).delay(300).alert('Another Dialog',
            {
                callEvent:function(){
                    $("#item-box").stop().animate(
                        {"margin-left":"500px"},1000
                    ).animate(
                        {"margin-left":"0"},300
                    )
                }
            });
        })

    })

站长提示:
1. 苦力吧素材官方QQ群:950875342
2. 平台上所有素材资源,需注册登录会员方能正常下载。
3. 会员用户积极反馈网站、素材资源BUG或错误问题,每次奖励2K币
4. PHP源码类素材,如需协助安装调试,或你有二次开发需求,可联系苦力吧客服。
5. 付费素材资源,需充值后方能下载,如有任何疑问可直接联系苦力吧客服
相关资源 / 弹出层

jquery模拟windows系统创建的网页弹窗插件

一款支持自定义的弹出窗口管理器,winBox是一款轻量级可定制窗口插件,跟windows系统窗口有这类似的功能:全屏、最小化、最大化、关闭窗口、拖动(移动)。
  弹出层
 5277  0

easyDialog 简单、实用的弹出层窗口插件

可自定义设置多种效果:弹出带遮罩层、无遮罩层、窗口绝对定位、跟随页面某元素定位等。
  弹出层
 9250  0

jquery自定义弹窗填写表单提交插件

一款响应式可自定义的表单弹出层插件,填写表单信息提交后,带回调函数。
  弹出层
 9270  0

jquery简单轻量级自定义弹窗插件

一款html5弹出层插件,支持自定义参数:皮肤样式、内容、按钮文字。
  弹出层
 6360  0

评论数(0) 回复有机会获得K币 用户协议

^_^ 还没有人评论,快来抢个沙发!
😀
  • 😀
  • 😊
  • 😂
  • 😍
  • 😑
  • 😷
  • 😵
  • 😛
  • 😣
  • 😱
  • 😋
  • 😎
  • 😵
  • 😕
  • 😶
  • 😚
  • 😜
  • 😭
发表评论