You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

59 lines
1.7 KiB
JavaScript

2 weeks ago
// menu
var curList = [2, 82];
$(function () {
var n = $(".top_menu ul .cur").index()
$(".top_menu ul li").mouseenter(
function () {
var z = $(this).index();
$(".top_menu i").stop().animate({left: (curList[z]), width: ($(this).width())}, 300)
$(this).addClass("cur")
$(this).siblings().removeClass("cur")
}
)
$(".top_menu ul").mouseleave(
function () {
$(".top_menu ul li").eq(n).addClass("cur")
$(".top_menu ul li").eq(n).siblings().removeClass("cur")
$(".top_menu i").stop().animate({left: (curList[1])}, 300)
}
)
})
// input icon
$(function () {
$(".text_box>div>div").click(
function () {
var n = $(this).index()
$(".text_box div i img").eq(n).stop().animate({marginTop: -22}, 100)
}
)
$(".text_box>div input").blur(
function () {
$(".text_box div i img").stop().animate({marginTop: 0}, 100)
}
)
})
$(function () {
if (!placeholderSupport()) { // 判断浏览器是否支持 placeholder
$('[placeholder]').focus(function () {
var input = $(this);
if (input.val() == input.attr('placeholder')) {
input.val('');
input.removeClass('placeholder');
}
}).blur(function () {
var input = $(this);
if (input.val() == '' || input.val() == input.attr('placeholder')) {
input.addClass('placeholder');
input.val(input.attr('placeholder'));
}
}).blur();
}
;
})
function placeholderSupport() {
return 'placeholder' in document.createElement('input');
}