Jquery提示框插件制作用户名片信息提示框代码



142 567 190



特效描述:提示框插件 名片信息提示框,名片信息提示框Jquery插件

代码结构

1. 引入CSS

<link href="css/button.css" rel="stylesheet" type="text/css" />
<link href="css/manhuaCardTip.css" rel="stylesheet" type="text/css" />

2. 引入JS

<script src="jquery.min.js" type="text/javascript"></script>
<script src="fsrTip.js" type="text/javascript"></script>

3. HTML代码

<br />
<br />
<br />
<br />
<br />
	<center><a href="#" class="userInfo1" onmouseover='tr()'>提示框Jquery插件(tr)</a>&nbsp;&nbsp;&nbsp;asdasdasddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddasddddddddddddd
    <a href="#" class="userInfo2" onmouseover='tl()'>提示框Jquery插件(tl)</a><br /></center>
    <br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<a href="#" class="userInfo4" onmouseover='bbr()'>提示框Jquery插件(br)</a>
<center><a href="#" class="userInfo4" onmouseover='bbr()'>提示框Jquery插件(br)</a>
</center>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center>
    <a href="#" class="userInfo3" onmouseover='br()'>提示框Jquery插件(br)</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dasdadadasdddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd
    <a href="#" class="userInfo4" onmouseover='bl()'>提示框Jquery插件(bl)</a><br />
</center>
<script type="text/javascript">
function tr() {
	$(".userInfo1").fsrTip({
		Event: 'mouseover',             //事件
					//箭头指向上(t)、箭头指向下(b)、箭头指向左(l)、箭头指向右(r)
		photo: "images/20120709100116.jpg", //图片路径
		name: 'fsr',                 //姓名
		sex: '男',                //性别
		love: '女',               //爱好
		remark: "模仿中"
	});
};
function bl() {
	$(".userInfo4").fsrTip({
		Event: 'mouseover',             //事件
						 //箭头指向上(t)、箭头指向下(b)、箭头指向左(l)、箭头指向右(r)
		photo: "images/20120709100116.jpg", //图片路径
		name: 'fsr',                 //姓名
		sex: '男',                //性别
		love: '女',               //爱好
		remark: "模仿中"
	});
}
function tl() {
	$(".userInfo2").fsrTip({
		Event: 'mouseover',             //事件
					   //箭头指向上(t)、箭头指向下(b)、箭头指向左(l)、箭头指向右(r)
		photo: "images/20120709100116.jpg", //图片路径
		name: 'fsr',                 //姓名
		sex: '男',                //性别
		love: '女',               //爱好
		remark: "模仿中"
	});
}
function br() {
	$(".userInfo3").fsrTip({
		Event: 'mouseover',             //事件
						//箭头指向上(t)、箭头指向下(b)、箭头指向左(l)、箭头指向右(r)
		photo: "images/20120709100116.jpg", //图片路径
		name: 'fsr',                 //姓名
		sex: '男',                //性别
		love: '女',               //爱好
		remark: "模仿中"
	});
}
function bbr() {
	$(".userInfo4").fsrTip({
		Event: 'mouseover',             //事件
		//箭头指向上(t)、箭头指向下(b)、箭头指向左(l)、箭头指向右(r)
		photo: "images/20120709100116.jpg", //图片路径
		name: 'fsr',                 //姓名
		sex: '男',                //性别
		love: '女',               //爱好
		remark: "模仿中"
	});
}
</script>



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 右键菜单 文字提示框 提示框/弹出层 layer lightbox Tooltip工具提示框 浮动提示框 html5弹窗动画 弹出层拖动 窗口提示框

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到