一. 点击YX-WebThemeKit (Home Page)预览;

二. 尝试引入脚本标签到页面，查看意想不到的效果;

所有的组件都可以被通过定制化而重用

1. 发现你喜欢的页面头部和脚部；
2. 拷贝对应的html代码到你自己的html文件中；
3. 根据headerFooter.js的要求修改你的html文件；
4. 引入你修改后的自定义的脚本headerFooter-[name].js到你想要的页面；

<!-- Script Theme *** JS -->
<script src="https://gyx8899.github.io/YX-WebThemeKit/theme-header-footer/headerFooter-auto.js"></script>

1. 支持自定义显示的图片；
2. 支持自定义的动画样式；
3. 支持自定义载入成功事件；

<!-- Script Preload code *** JS -->
<script src="https://gyx8899.github.io/YX-WebThemeKit/fn-pre-loader/preLoader.min.js?type=split-ssc"></script>

1. 在要显示的代码标签上，加上data-toggle="previewCode" 和 data-target="#[targetId]"，[targetId] 是代码要显示的位置标签Id；
2. 可选项，自定义代码显示区域的标题，data-title="titleAboveCode"；

<!-- Script PreViewCode *** JS-->
<script src="https://gyx8899.github.io/YX-WebThemeKit/fn-preview-code/previewCode-auto.js" defer></script>

Firstly, you can preview all here YX-WebThemeKit (Home Page).

Secondly, you are suggested to import interested component script code to your page.

All components could be reused with custom.

What you should do is simply import [component-name]-auto.js to your page.

• Find your favorite header/footer;
• Copy the html to your html file;
• Apply headerFooter.js rules to your html file;
• Import your custom headerFooter-[name].js to the anywhere page you want;

<!-- Script Theme *** JS -->
<script src="https://gyx8899.github.io/YX-WebThemeKit/theme-header-footer/headerFooter-auto.js"></script>

• Support custom loading image;
• Support custom animation style;
• Support custom loaded event to end the loading state;

<!-- Script Preload code *** JS -->
<script src="https://gyx8899.github.io/YX-WebThemeKit/fn-pre-loader/preLoader.min.js?type=split-ssc"></script>

• Just set data-toggle="previewCode" and target code displaying tag data-target="#[targetId]";
• Optional code title's setting with data-title="titleAboveCode";

<!-- Script PreViewCode *** JS-->
<script src="https://gyx8899.github.io/YX-WebThemeKit/fn-preview-code/previewCode-auto.js" defer></script>

Contact support @gyx8899 email and I will reply as soon as possible.