| | |
|---|
| | | <ul class="list-unstyled clearfix"> |
|---|
| | | <li style="float:left; width: 33.33333%; padding: 5px;"> |
|---|
| | | <a href="javascript:" data-skin="skin-blue|theme-dark" style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover"> |
|---|
| | | <span style="width: 20%; float: left; height: 13px; background: #367fa9"></span> |
|---|
| | | <span style="width: 80%; float: left; height: 13px; background: #3c8dbc"></span> |
|---|
| | | <span style="width: 20%; float: left; height: 13px; background: #2da4e9"></span> |
|---|
| | | <span style="width: 80%; float: left; height: 13px; background: #198fd3"></span> |
|---|
| | | <span style="width: 20%; float: left; height: 30px; background: #2f4050"></span> |
|---|
| | | <span style="width: 80%; float: left; height: 30px; background: #f4f5f7"></span> |
|---|
| | | </a> |
|---|
| | |
|---|
| | | // 主题样式列表 |
|---|
| | | var themes = ["theme-dark", "theme-light", "theme-blue"]; |
|---|
| | | |
|---|
| | | $("[data-skin]").on('click', |
|---|
| | | function(e) { |
|---|
| | | $("[data-skin]").on('click', function(e) { |
|---|
| | | var skin = $(this).data('skin'); |
|---|
| | | $.each(skins, function(i) { |
|---|
| | | parent.$("body").removeClass(skins[i]); |
|---|
