대형 팝업 광고를 봄

<! -春季大型->
<스타일 유형 = "텍스트 / CSS">
#popBigAd {폭 : 760px; 높이 : 400 픽셀;}
#popBigAd IMG {폭 : 760px; 높이 : 400 픽셀; 경계 : 없음;}
#popBigAd # popBigAdClose # popBigAd # popBigAdClose1 {디스플레이 : 블록; 폭 : 50 픽셀, 텍스트 정렬 : 센터; 커서 : 포인터; 총수 : 절대 우측 : 5px}
#popBigAd #popBigAdClose {높이 : 50 픽셀, 라인 높이 34px! ! 중요 * 라인 높이 40px 중요한, 라인 높이 : 40px; 폰트 크기 : 60 픽셀, 배경 : # 000; 필터 : 알파 (불투명도 = 30) - - 불투명도 MOZ : 0.3; -khtml 불투명도 : 0.3 ; 불투명 : 0.3; 최고 : 5px;}
#popBigAd # popBigAdClose1 {높이 : 26px; 라인 - 높이 : 26px; 글꼴 크기 : 20 픽셀; 글꼴 - 가족 : "마이크로 소프트 YaHei"SimHei; 색상 : #의 71776a, 최고 : 픽셀, ;}
#popBigAd #popBigAdClose : 호버, # popBigAd # popBigAdClose1 : 가져가 {텍스트 장식 : 없음;}
</ 스타일>
<script 타입 = "텍스트 / 자바 스크립트">
$ (문서) .ready (함수 () {
$ ( '신체'). (첨부 "<div ID = 'popBigAd'> <A id='popBigAdClose'> X </ A> <a id='popBigAdClose1'>关闭을 <a href='http://subject.gxrc.com/2014/cjmeet/info.aspx' target='_blank'> 마켓 <IMG SRC = 'HTTP : //image.gxrc.com/gxrcsite/ad/2014spring.gif '/> </A> </ DIV> ");
var에 popBigAd = $ ("#의 popBigAd ");
var에 X = ($ (창). 폭 () - popBigAd.width ()) / 2,
VAR의 Y = ($ (창) .height의 () - popBigAd.height ()) / 2;
popBigAd.css ({위치 "절대"위쪽 : Y, 좌측 : X "Z- 색인"9999}) 쇼 ().
VAR 가까이 = $ ( "#의 popBigAdClose");
VAR close1 = $ ( "# popBigAdClose1 ");
close.click (함수 () {
popBigAd.hide ()
}.) 마우스 오버 (함수 () {
$ (이) .CSS ( "색상", "#의 ff9854");
close1.css ( "색상", "#의 ff9854");
})로 마우스 (함수 () {.
$ (이) .CSS ( "컬러", "#의 b8c1ad");
close1.css ( "컬러", "#의 71776a");
});
close1.click (함수 () {
close.trigger () "클릭";
}). 마우스 오버를 (함수 () {
close.trigger ( "마우스 오버")
}). 마우스 아웃 (함수 () {
close.trigger ( "마우스 아웃 ");
});
에서는 setTimeout (함수 () {
popBigAd.hide ()
}, 8000);
});
</ script>
<! -春季大型끝 ->

추천

출처www.cnblogs.com/sunnywindycloudy/p/11646449.html