复制代码 代码如下:
页面中的样式
复制代码 代码如下:
关键js
复制代码 代码如下:
$(function() {
$(.input,.login_input,.textarea).focus(function() {
$(this).addclass(focus);
}).blur(function() {
$(this).removeclass(focus);
});
//输入框提示,获取拥有hinttitle,hintinfo属性的对象
$([hinttitle],[hintinfo]).focus(function(event) {
$(*).stop(); //停止所有正在运行的动画
$(#hintmsg).remove(); //先清除，防止重复出错
var hinthtml = + $(this).attr(hinttitle) + + $(this).attr(hintinfo) + ; //设置显示的内容
var offset = $(this).offset(); //取得事件对象的位置
$(body).append(hinthtml); //添加节点
$(#hintmsg).fadeto(0, 0.85); //对象的透明度
var hintheight = $(#hintmsg).height(); //取得容器高度
$(#hintmsg).css({ top: offset.top - hintheight + px, left: offset.left + px }).fadein(500);
}).blur(function(event) {
$(#hintmsg).remove(); //删除ul
});
});
效果图：
以上内容来子一个下载的网站,具体的名字忘记了....仅作参考