教程集 www.jiaochengji.com
教程集 >  脚本编程  >  javascript  >  正文 jQuery仿照新浪微博提示框(确认框)

jQuery仿照新浪微博提示框(确认框)

发布时间:2016-12-02   编辑:jiaochengji.com
教程集为您提供jQuery仿照新浪微博提示框(确认框)等资源,欢迎您收藏本站,我们将为您提供最新的jQuery仿照新浪微博提示框(确认框)资源
jquery仿照新浪微博提示框 有需要的朋友可参考一下
提示:您可以先修改部分代码再运行

<textarea name="runcool" rows="28" cols="75" > <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="zh-CN"> <head> <title>jQuery仿照新浪微博提示框(确认框)插件最新修正版_jQuery-smoothConfirm </title> <link href="smoothConfirm.css" media="screen" rel="stylesheet" type="text/css" /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script> <script src="jquery.smoothConfirm.js" type="text/javascript"></script> </head> <body> <h1>jQuery仿照新浪微博提示框插件最新修正版</h1>

点击查看效果:默认样式 <span id="clickMeResult"></span>

点击查看效果:下方滑出

点击查看效果:设置速度

点击查看效果:设定按钮名称

点击查看效果:一般提示窗口

点击查看效果:调整窗口大小

<script type="text/javascript"> (function() { $("#demo1").click(function(){ //调用smoothConfirm 插件 $(this).smoothConfirm("这是一个确认窗口", { //点击确认返回callback ok: function() { $("#clickMeResult").html("你点击了确定!"); }, //点击取消返回callback cancel: function() { $("#clickMeResult").html("你点击了取消!"); } }); return false; }); $("#demo2").click(function(){ //调用smoothConfirm 插件 $(this).smoothConfirm("这是个窗口在下方", { direction:'bottom' }); return false; }); $("#demo3").click(function(){ //调用smoothConfirm 插件 $(this).smoothConfirm("这是个窗口调整了速度", { speed: 1000 }); return false; }); $("#demo4").click(function(){ //调用smoothConfirm 插件 $(this).smoothConfirm("今天天气怎么样?", { okVal: "很好", cancelVal: "一般" }); return false; }); $("#demo5").click(function(){ //调用smoothConfirm 插件 $(this).smoothConfirm("这就是今天的Demo", { okVal: "知道了", cancelVal: null }); return false; }); $("#demo6").click(function(){ //调用smoothConfirm 插件 $(this).smoothConfirm("<h1>我变大了
大了!!!!!</h1>", { okVal: "知道了", cancelVal: null, width: 190, height: 130 }); return false; }); })(jQuery); </script> </body></textarea>
提示:您可以先修改部分代码再运行

您可能感兴趣的文章:
jQuery仿照新浪微博提示框(确认框)
Jquery实现仿新浪微博获取文本框能输入的字数代码
弹出框插件 JSPOP
下载新浪微博视频和秒拍视频的方法
php使用新浪微博API开发用户授权功能
capacityFixed 基于jquery的类似于新浪微博新消息提示的定位框
javascript 仿新浪微博图片旋转效果
js弹出层之1:JQuery.Boxy (二)
php获取新浪微博数据API的实例代码
jquery仿做发微博功能示例

[关闭]
~ ~