<!--
草山狐随笔
http://www.xcopy.net.cn
-->
<link href="confirm.css" rel="stylesheet" rev="stylesheet" type="text/css"/>
<script type="text/javascript" src="jquery-1.2.3.min.js"></script>
<script type="text/javascript" src="jquery-impromptu.1.5.js"></script>
<script type="text/javascript">
var txt = "你要访问“草山狐随笔吗?www.xcopy.net.cn”";
function myConfirm(){
jQuery.noConflict();
jQuery.prompt(txt,{
buttons:{访问:true, 暂不访问:false},
callback: function(v,m){
if(v){
open();
}else{
notOpen();
}
},
prefix:'cleanblue'
});
}
function open(){
alert("你点击了‘访问’按钮");
window.location.href="http://www.xcopy.net.cn";
}
function notOpen(){
alert("你点击了‘暂不访问’按钮");
}
</script>
<table width="500px" height="500px">
<tr>
<td align="center">
<input type="button" value="点这里试试" onClick="myConfirm()">
</td>
</tr>
</table>
原贴地址 http://www.xcopy.net.cn/read.php/236.htm
草山狐随笔
http://www.xcopy.net.cn
-->
<link href="confirm.css" rel="stylesheet" rev="stylesheet" type="text/css"/>
<script type="text/javascript" src="jquery-1.2.3.min.js"></script>
<script type="text/javascript" src="jquery-impromptu.1.5.js"></script>
<script type="text/javascript">
var txt = "你要访问“草山狐随笔吗?www.xcopy.net.cn”";
function myConfirm(){
jQuery.noConflict();
jQuery.prompt(txt,{
buttons:{访问:true, 暂不访问:false},
callback: function(v,m){
if(v){
open();
}else{
notOpen();
}
},
prefix:'cleanblue'
});
}
function open(){
alert("你点击了‘访问’按钮");
window.location.href="http://www.xcopy.net.cn";
}
function notOpen(){
alert("你点击了‘暂不访问’按钮");
}
</script>
<table width="500px" height="500px">
<tr>
<td align="center">
<input type="button" value="点这里试试" onClick="myConfirm()">
</td>
</tr>
</table>
- /*
- ------------------------------
- Impromptu's
- ------------------------------
- */
- .jqiwarning .jqi{ background-color: #b0be96; }
- .jqifade{
- position: absolute;
- background-color: #ffffff;
- }
- div.jqi{
- position: absolute;
- background-color: #d0dEb6;
- padding: 10px;
- width: 300px;
- text-align: left;
- }
- div.jqi .jqiclose{
- float: right;
- margin: -35px -10px 0 0;
- cursor: pointer;
- color: #c0cEa6;
- }
- div.jqi .jqicontainer{
- background-color: #e0eEc6;
- padding: 5px;
- color: #ffffff;
- font-weight: bold;
- }
- div.jqi .jqimessage{
- background-color: #c0cEa6;
- padding: 10px;
- }
- div.jqi .jqibuttons{
- text-align: center;
- padding: 5px 0 0 0;
- }
- div.jqi button{
- padding: 3px 10px 3px 10px;
- margin: 0 10px;
- }
- /*
- ------------------------------
- impromptu
- ------------------------------
- */
- .impromptuwarning .impromptu{ background-color: #aaaaaa; }
- .impromptufade{
- position: absolute;
- background-color: #ffffff;
- }
- div.impromptu{
- position: absolute;
- background-color: #cccccc;
- padding: 10px;
- width: 300px;
- text-align: left;
- }
- div.impromptu .impromptuclose{
- float: right;
- margin: -35px -10px 0 0;
- cursor: pointer;
- color: #213e80;
- }
- div.impromptu .impromptucontainer{
- background-color: #213e80;
- padding: 5px;
- color: #ffffff;
- font-weight: bold;
- }
- div.impromptu .impromptumessage{
- background-color: #415ea0;
- padding: 10px;
- }
- div.impromptu .impromptubuttons{
- text-align: center;
- padding: 5px 0 0 0;
- }
- div.impromptu button{
- padding: 3px 10px 3px 10px;
- margin: 0 10px;
- }
- /*
- ------------------------------
- columns ex
- ------------------------------
- */
- .colsJqifadewarning .colsJqi{ background-color: #b0be96; }
- .colsJqifade{
- position: absolute;
- background-color: #ffffff;
- }
- div.colsJqi{
- position: absolute;
- background-color: #d0dEb6;
- padding: 10px;
- width: 400px;
- text-align: left;
- }
- div.colsJqi .colsJqiclose{
- float: right;
- margin: -35px -10px 0 0;
- cursor: pointer;
- color: #bbbbbb;
- }
- div.colsJqi .colsJqicontainer{
- background-color: #e0eEc6;
- padding: 5px;
- color: #ffffff;
- font-weight: bold;
- height: 160px;
- }
- div.colsJqi .colsJqimessage{
- background-color: #c0cEa6;
- padding: 10px;
- width: 280px;
- height: 140px;
- float: left;
- }
- div.colsJqi .jqibuttons{
- text-align: center;
- padding: 5px 0 0 0;
- }
- div.colsJqi button{
- background: url(../images/button_bg.jpg) top left repeat-x #ffffff;
- border: solid #777777 1px;
- font-size: 12px;
- padding: 3px 10px 3px 10px;
- margin: 5px 5px 5px 10px;
- width: 75px;
- }
- div.colsJqi button:hover{
- border: solid #aaaaaa 1px;
- }
- /*
- ------------------------------
- brown theme
- ------------------------------
- */
- .brownJqiwarning .brownJqi{ background-color: #cccccc; }
- .brownJqifade{
- position: absolute;
- background-color: #ffffff;
- }
- div.brownJqi{
- position: absolute;
- background-color: transparent;
- padding: 10px;
- width: 300px;
- text-align: left;
- }
- div.brownJqi .brownJqiclose{
- float: right;
- margin: -20px 0 0 0;
- cursor: pointer;
- color: #777777;
- font-size: 11px;
- }
- div.brownJqi .brownJqicontainer{
- position: relative;
- background-color: transparent;
- border: solid 1px #5F5D5A;
- color: #ffffff;
- font-weight: bold;
- }
- div.brownJqi .brownJqimessage{
- position: relative;
- background-color: #F7F6F2;
- border-top: solid 1px #C6B8AE;
- border-bottom: solid 1px #C6B8AE;
- }
- div.brownJqi .brownJqimessage h3{
- background: url(../images/brown_theme_gradient.jpg) top left repeat-x #ffffff;
- margin: 0;
- padding: 7px 0 7px 15px;
- color: #4D4A47;
- }
- div.brownJqi .brownJqimessage p{
- padding: 10px;
- color: #777777;
- }
- div.brownJqi .brownJqimessage img.helpImg{
- position: absolute;
- bottom: -25px;
- left: 10px;
- }
- div.brownJqi .brownJqibuttons{
- text-align: right;
- }
- div.brownJqi button{
- background: url(../images/brown_theme_gradient.jpg) top left repeat-x #ffffff;
- border: solid #777777 1px;
- font-size: 12px;
- padding: 3px 10px 3px 10px;
- margin: 5px 5px 5px 10px;
- }
- div.brownJqi button:hover{
- border: solid #aaaaaa 1px;
- }
- /*
- *------------------------
- * clean blue ex
- *------------------------
- */
- .cleanbluewarning .cleanblue{ background-color: #acb4c4; }
- .cleanbluefade{ position: absolute; background-color: #aaaaaa; }
- div.cleanblue{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; position: absolute; background-color: #ffffff; width: 300px; font-size: 11px; text-align: left; border: solid 1px #213e80; }
- div.cleanblue .cleanbluecontainer{ background-color: #ffffff; border-top: solid 14px #213e80; padding: 5px; font-weight: bold; }
- div.cleanblue .cleanblueclose{ float: right; width: 18px; cursor: default; margin: -19px -12px 0 0; color: #ffffff; font-weight: bold; }
- div.cleanblue .cleanbluemessage{ padding: 10px; line-height: 20px; font-size: 11px; color: #333333; }
- div.cleanblue .cleanbluebuttons{ text-align: right; padding: 5px 0 5px 0; border: solid 1px #eeeeee; background-color: #f4f4f4; }
- div.cleanblue button{ padding: 3px 10px; margin: 0 10px; background-color: #314e90; border: solid 1px #f4f4f4; color: #ffffff; font-weight: bold; font-size: 12px; }
- div.cleanblue button:hover{ border: solid 1px #d4d4d4; }