一些常用函数集合,它需要jQuery库支持。
Download 1.0.1更新时间:20:44 2020-02-28
更新说明:优化部分函数调用方法
网页需包含
tianyer.js
,需要
jQuery.js
库支持。
为防止污染,不需要单独CSS文件支持,所有元素及样式均在使用后即时销毁。
<script src="jQuery.min.js"></script>
<script src="tianyer.js"></script>
显示带有一条指定消息的信息框。
四种信息类型提示:
1: 标准:success
2: 信息:info
3: 警告:warning
4: 错误:error
var vMsg='提示信息内容!',
vType = 1, //四种类型:1标准,2信息,3警告,4错误。
vPosition = 1; //八个位置:1左上,2上中,3右上,
// 4左中, 5右中,
// 6左下,7下中,8右下。
tian.alert(vMsg,vType,vPosition); //点击信息框关闭。
//(!vMsg||vMsg==0||vType==0||vPosition==0)
tian.alert(); //清全部信息窗口
用于显示一个带有指定消息和确定(删除)/取消按钮的对话框。
看一下效果:
无标题对话框 标题+消息+确定按钮 标题+消息+确定|取消按钮 3秒后自动关闭 自定义按钮文字 按钮回调函数
confirm的选项说明 | ||
选项名称 | 默认值 | 描述 |
---|---|---|
title | 对话框的标题。 | |
content | 对话框的内容。 | |
type | 0 | 对话框种类 0:默认; 1:确定/取消; 2:删除/取消 |
html | false | 是否允许标题和内容可以使用HTML标签。 |
autoClose | 0 | 自动关闭的超时时间(毫秒)。 |
buttonText | {
Yes: "确定", No: "取消", Delete: "删除" } |
显示在按钮上的文字。
Yes:确定按钮 No:取消按钮 Delete:删除按钮 |
onClickYes | 回调函数,点击确定/删除按钮时执行的脚本。 | |
onClickNo | 回调函数,点击取消按钮时执行的脚本。 | |
onClose | 回调函数,对话框关闭后执行的脚本。 |
tian.confirm({
content: '无标题对话框'
});
//------------------------------------
tian.confirm({
title: '我是标题',
content: '默认对话框'
});
//------------------------------------
tian.confirm({
title: '我是标题',
content: '点击确定或取消',
type: 1
});
//------------------------------------
tian.confirm({
title: '我是标题',
content: '此对话框将在3秒后自动关闭',
autoClose: 3000
});
//------------------------------------
tian.confirm({
title: '我是标题',
content: '自定义按钮文字',
type: 1,
buttonText: {
Yes: '知道啦',
No: '别烦我'
}
});
//------------------------------------
tian.confirm({
title: '我是标题',
content: '点击“确定”或“取消”后,插件将执行不同的脚本。',
type: 1,
onClickYes: function(){
tian.alert('点击了“确定”');
},
onClickNo: function(){
tian.alert('点击了“取消”');
},
onClose: function(){
tian.alert('只要对话框被关闭,事件就会被执行。');
}
});
替换元素title的提示信息显示效果
注:需要更改标签title提示信息的,需添加tooltip元素名。title信息内容支持html标签。
class = "tooltip"
title = "你好~<br><b style='color:blue'>哇哦,鼠标移动过来啦。</b>"
var vCssStyle = { //可选参数
"border-color": "#000",
"color": "#fff" //支持标准css语句,均可以替换为你需要的样式。
}
tian.tooltip(); //默认用法
tian.tooltip(vCssStyle); //带参数用法
tian.sound.msg(); //msg 消息提示音
tian.sound.good(); //good 成功提示音
tian.sound.error(); //error 错误提示音
tian.sound.send(); //send 发送提示音
//参数vObjOrStr:需要复制到剪贴板的字符串或其所在的JQ对象。
var obj = $('#demo-copy').find('.text-code');
var vObjOrStr = obj.val() || obj; //需要复制到剪贴板的字符串或其所在的JQ对象。
tian.copy(vObjOrStr); //复制右侧文本代码
tian.copy($('#txtCopy').val()); //复制下面文本代码
//注:只支持文本内容保存为文件,扩展名:txt,xml,html,asp,js等文件。
var vFilename='bodyHtmlSave.html'; //设置要保存的文件名,带扩展名。
var vText = $('body').html(); //需要保存的文本内容。
tian.save(vFilename,vText);
var vBtnObj = $('.btnGetCode'); //按钮。
var vSecond = 60; //可选,倒计时时间,默认60秒。
tian.delay(vBtnObj, vSecond);
var vFilename = $('.inputFile').val(); //文件名,带扩展名。
var vFileExt = tian.getExt(vFilename);
var vFilename = $('.inputFile2').val(); //文件名,带扩展名。
var mimeType = tian.getMime(vFilename);
//可以按ESC键取消
var vCssStyle = {
background: '#ffffff', //背景颜色
color:'#008000', //字符颜色
type: false, //字符是否翻转
fontsize: 18, //字号
speed: 70, //下落速度
str: 'abcdefghigklmnopqrstuvwxyz'//显示的字符内容
};
tian.wait(vCssStyle); //运行
//------------------------------------
tian.wait(); //关闭