js代码_js特效免费下载_JS特效代码网   网页特效   鼠标特效   js图片相册   js特效代码大全
当前位置:js代码_js特效免费下载_JS特效代码网 > 网页特效 > JS常用代码 > 窗口特效

jquery实现鼠标悬停弹出消息提示框特效

发布时间:2015-09-08 23:39:44    您是第0位浏览者

本js特效代码兼容:ie6 、ie7 、ie8 、ie9 、ie10 、ie11 、chrome 、firefox 、opera 、safari 、 等浏览器

jquery实现鼠标悬停弹出消息提示框特效
$(function() {    
	// 1    
	$('#tip1').tipso({    
		useTitle: false    
	});    
	// 2    
	$('#tip2').tipso({    
		useTitle: false,    
		position: 'left'    
	});    
	// 3    
	$('#tip3').tipso({    
		useTitle: false,    
		background: 'tomato'    
	});    
	// 4    
	$('#tip4').tipso();    
	// 5    
	$('#tip5').tipso({    
		useTitle: false    
	});    
	$('#btn5').on({    
		click: function(e) {    
			if($(this).text() == '显示') {    
				$(this).text('隐藏');    
				$('#tip5').tipso('show');    
			} else {    
				$(this).text('显示');    
				$('#tip5').tipso('hide');    
			}    
			e.preventDefault();    
		}    
	});    
	// 6    
	$('#tip6').tipso({    
		useTitle: false    
	});    
	$('#btn6').on('click', function() {    
		var $val = $(this).prev().val();    
		if($val) {    
			$('#tip6').tipso('update', 'content', $val);    
		}    
	});    
	// 7    
	$('#tip7').tipso({    
		useTitle: false    
	});    
	// 8    
	$('#tip8').tipso({    
		useTitle: false,    
		onBeforeShow: function() {    
			$('#status').html('beforeShow');    
		},    
		onShow: function() {    
			$('#status').html('show');    
		},    
		onHide: function() {    
			$('#status').html('hide');    
		}    
	});    
});



提示框插件 提示框 消息框

jquery实现中国地图热点提示框特效代码

CSS+JS实现图片漂浮提示框效果

写入cookie后只显示一次的DIV提示框代码

友荐云推荐
大家说 此评论不代表本站观点