> 웹 프론트엔드 > JS 튜토리얼 > JQuery 부동 DIV 프롬프트 정보 및 자동으로 code_jquery 숨기기

JQuery 부동 DIV 프롬프트 정보 및 자동으로 code_jquery 숨기기

WBOY
풀어 주다: 2016-05-16 18:20:34
원래의
963명이 탐색했습니다.
复aze代码 代码如下:

/**
* Floating DIV는 작업 성공, 실패 등의 프롬프트 정보를 정기적으로 표시합니다.
* @param stringtips(팁 내용)
* @param int height 표시되는 정보의 높이 브라우저 상단
* @param int 시간 표시 시간(초), time > 0
* @sample 클릭
* @sample 위 코드는 위에서 100px 클릭 후 3초 동안 작업이 성공했음을 나타냅니다.
* @copyright ZhouHr 2010- 08-27
*/
기능 showTips( 팁 , 높이, 시간 ){
var windowWidth = document.documentElement.clientWidth;
var TipsDiv = '
' 팁 '
';

$( 'body' ).append(tipsDiv );
$( 'div.tipsClass' ).css({
'top' : 높이 'px',
'left' : ( windowWidth / 2 ) - ( Tips.length * 13 / 2 ) ' px',
'위치' : '절대',
'패딩' : '3px 5px',
'배경': '#8FBC8F',
'글꼴 크기' : 12'px ',
'margin' : '0 자동',
'text-align': 'center',
'width' : 'auto',
'color' : '#fff',
'불투명도' : '0.8'
}).show();
setTimeout( function(){$( 'div.tipsClass' ).fadeOut();}, ( time * 1000 ) );
}
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿