jquery_jquery에서 배경 이미지를 동적으로 변경하고 설정하는 방법

경우에 따라 당사는 사용자가 언제 방문하는지 파악한 후 인사말, 안녕하세요, 안녕하세요 등 매우 사려 깊은 기능을 사용자에게 제공할 수 있습니다. 예를 들어, 밤에는 별이 빛나는 하늘 배경, 낮에는 밝은 햇빛을 사용하거나 특정 휴일에 이 테마 배경을 사용하여 웹 페이지의 배경 색상을 변경하여 웹 사이트를 매우 유연하고 지루하지 않게 만들 수 있습니다.

백그라운드 교체 구현 방법에 대한 해결 방법은 다음과 같습니다.

달성 방법

매우 간단합니다. JQuery 코드는 다음과 같습니다.

코드 복사 코드는 다음과 같습니다.

function doChangeBkg()
{
var bkgUrl=$("#inputBkgUrl").val();
var RepeateMode=$("#inputRepeatMode").val();
var s="";
$("#outputDiv").html(s) ;
}

네이티브 JavaScript 코드:

코드 복사 코드는 다음과 같습니다.

function doChangeBkg()
{
var bkgUrl=$("#inputBkgUrl").val();
var RepeateMode=$("#inputRepeatMode").val();
var s="";
$("#outputDiv").html(s) ;
}

프런트엔드 코드:

코드 복사 코드는 다음과 같습니다.

URL: < ;input type="text" size="60" id="inputBkgUrl" />

배경 이미지 반복 모드: <옵션 value=" 반복" selected="선택됨">반복no-repeatrepeat- xrepeat-y