HTML5中国

 找回密码
 立即注册

QQ登录

只需一步,快速开始

HTML5中国 首页 教程视频 实例代码 查看内容

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

2016-9-5 09:13| 发布者: Hyukoh| 查看: 1047| 评论: 0|原作者: xituqu|来自: xituqu

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

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





  部分代码

  — 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;
    };


原文链接:https://xituqu.com/400.html?utm_source=tuicool&utm_medium=referral

来源作者:xituqu


更多

鲜花

握手

雷人

路过

鸡蛋

相关阅读

最新评论

HTML5中国微信

小黑屋|关于我们|HTML5论坛|友情链接|手机版|HTML5中国 ( 京ICP备11006447号 京公网安备:11010802018489号  

GMT+8, 2017-1-18 05:19

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

返回顶部