摘要:本次精选的是一款包含100+ HTML页面样式,20首页样式,订阅模式,商店和博客布局,适合公司和个人参考。也适合前端开发者和设计师对源码进行参照,获取灵感。

模板向 一套包含100+ 页面样式的多用途HTML模板-稀土区

模板向 一套包含100+ 页面样式的多用途HTML模板-稀土区

模板向 一套包含100+ 页面样式的多用途HTML模板-稀土区

模板向 一套包含100+ 页面样式的多用途HTML模板-稀土区

模板向 一套包含100+ 页面样式的多用途HTML模板-稀土区

部分代码

— CSS —

.background-image-holder {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-size: cover !important;
  background-position: 50% 50% !important;
  z-index: 0;
  transition: 0.3s linear;
  -webkit-transition: 0.3s linear;
  -moz-transition: 0.3s linear;
  opacity: 0;
  background: #232323;
}
.background-image-holder.background--bottom {
  background-position: 50% 100% !important;
}
.background-image-holder.background--top {
  background-position: 50% 0% !important;
}
.image--light .background-image-holder {
  background: none;

— JavaScript —

var mr = (function ($, window, document){
    "use strict";
    var mr = {},
        components = {documentReady: [], windowLoad: []};
    $(document).ready(documentReady);
    $(window).load(windowLoad);

    function documentReady(context){
        context = typeof context == typeof undefined ? $ : context;
        components.documentReady.forEach(function(component){
            component(context);
        });
    }
    function windowLoad(context){  
        context = typeof context == "object" ? $ : context;
        components.windowLoad.forEach(function(component){
           component(context);
        });
    }
    mr.setContext = function (contextSelector){
        var context = $;
        if(typeof contextSelector !== typeof undefined){
            return function(selector){
                return $(contextSelector).find(selector);
            };
        }
        return context;
    };

资源下载

扫描下方二维码或者搜索微信搜索【xituarea】关注回复400即可获取下载链接!建议支持正版。