}
});
5.第四个功能
(1)功能截图
(2)代码
//实现单击朋友按钮的时候显示出朋友的信息
var friendList = [“代忠”, “小猛”, “任首龙”, “戴伟”, “玛利亚”, “韩迎龙”, “盛敬恒”, “飞飞”, “小贤”, “元芳”];
$(“#funBox a.atSome”).click(function () {
//在上面定义id为level的div层是position:absolution
$(“<div id=’level’><ul id=’ul’ style=’margin:0;padding:0;list-style-type:none’></ul></div>”).appendTo(“#funBox”);
//使用$.each循环遍历数组的值加入到层中
if ($(“#level”).text() == “”) {
$.each(friendList, function () {
//遍历给层中加入li样式变换
$(“<li>@” + this + “</li>”).css(“cursor”, “pointer”).mouseover(function () {
$(this).css(“backgroundColor”, “yellow”).siblings().css(“backgroundColor”, “white”);
}).appendTo($(“#ul”)).click(function () {
//实现单击样式的时候讲值写入到
$(“#msgTxt”).val($(“#msgTxt”).val() + $(this).text());
})
})
};
//如何判断一个用户是否点击了一个按钮
$(“#level”).mouseleave(function () {
$(“#level”).remove();
})
//摆放创建好的模块的位置
$(“#level”).css(“top”, $(this).offset().top + $(this).height + “px”).css(“left”, $(this).offset().left + “px”);
