>웹 프론트엔드 >JS 튜토리얼 >피부 변화 효과를 얻기 위한 js Dom에 대한 자세한 설명

피부 변화 효과를 얻기 위한 js Dom에 대한 자세한 설명

小云云
小云云원래의
2018-01-04 13:11:541357검색

이 글은 피부변화 효과를 얻기 위한 js Dom을 위주로 소개하고 있으니 관심 있는 친구들이 참고하시면 좋을 것 같습니다.

이 기사의 예는 참고용으로 Android 9각형 격자 그림 표시에 대한 특정 코드를 공유합니다.

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>换肤</title>
 <link rel="stylesheet" href="base.css">
 <link rel="stylesheet" href="spring.css">
 <script src="change.js"></script> 
</head>
<body>
 <header>
  <span>季节</span>
  <button>换肤</button>
 </header>
 <p class="main">
 </p>
</body>
</html>

summer.css 파일

header{
 position: absolute;
 top:0px;
 width:1366px;
 height: 60px;
 text-align: center;
}
header>span{
 line-height: 60px;
}
header>button{
 width:60px;
 height:45px;
 position: absolute;
 right:30px;
 margin-top:8px;
}
.main{
 margin-top: 60px;
 width:1366px;
 height:600px;
}

change, js 파일

html,body{
 padding: 0px;
 margin: 0px;
}
header{
 background-color: #C0FF3E;
}
.main{
 background: url(img/spring.jpg) no-repeat;
 background-size: 1366px 600px;
}

은 주로 링크 태그 객체를 얻고 링크의 href 속성을 대체하는 데 사용됩니다


관련 권장 사항:

자세한 설명 예시 jQuery는 쿠키 기능을 기반으로 스킨 변경을 구현합니다.


jQuery+jQuery.cookie.js 플러그인을 사용하여 스킨 변경 기능의 샘플 코드를 구현합니다.

웹 페이지 스킨 변경을 구현하는 방법 효과

위 내용은 피부 변화 효과를 얻기 위한 js Dom에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.