tianyer.js

一些常用函数集合,它需要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>



		  

alert

显示带有一条指定消息的信息框。

四种信息类型提示:
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();		//清全部信息窗口



		  

confirm

用于显示一个带有指定消息和确定(删除)/取消按钮的对话框。

看一下效果:

无标题对话框 标题+消息+确定按钮 标题+消息+确定|取消按钮 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('只要对话框被关闭,事件就会被执行。');
	}
});



		  

tooltip

替换元素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 发送提示音



		  

copy

复制文本内容到剪贴板

复制右侧文本 复制下面文本
//参数vObjOrStr:需要复制到剪贴板的字符串或其所在的JQ对象。
var obj = $('#demo-copy').find('.text-code');	
var vObjOrStr = obj.val() || obj;	//需要复制到剪贴板的字符串或其所在的JQ对象。
tian.copy(vObjOrStr);				//复制右侧文本代码
tian.copy($('#txtCopy').val());		//复制下面文本代码



		  

save

将文本字符串保存为文件

保存本页面body内容 保存右侧代码内容
//注:只支持文本内容保存为文件,扩展名:txt,xml,html,asp,js等文件。
var vFilename='bodyHtmlSave.html';	//设置要保存的文件名,带扩展名。
var vText = $('body').html();		//需要保存的文本内容。
tian.save(vFilename,vText);



		  

delay

获取验证码的倒计时按钮

<a>标签 获取验证码

<span>标签 获取验证码

var vBtnObj = $('.btnGetCode');	//按钮。
var vSecond = 60;				//可选,倒计时时间,默认60秒。
tian.delay(vBtnObj, vSecond);



		  

getExt

获取文件扩展名

getExt
var vFilename = $('.inputFile').val();	//文件名,带扩展名。
var vFileExt = tian.getExt(vFilename);



		  

getMime

获取文件mimeType信息

getMime
var vFilename = $('.inputFile2').val();	//文件名,带扩展名。
var mimeType = tian.getMime(vFilename);



		  

wait

等待页面,有秒数计时显示。

按上面设置内容 文字不变白底绿字
//可以按ESC键取消
var vCssStyle = {
	background: '#ffffff',	//背景颜色
	color:'#008000',		//字符颜色
	type: false,			//字符是否翻转
	fontsize: 18,			//字号
	speed: 70,				//下落速度
	str: 'abcdefghigklmnopqrstuvwxyz'//显示的字符内容
};
tian.wait(vCssStyle);		//运行	
//------------------------------------
tian.wait();				//关闭



		  
Go top