专业的下载站

首页|教程|源码下载

软件
软件
文章
当前位置:首页网络软件应用软件 → layer弹出层组件 V3.5.1 免费版
layer弹出层组件 V3.5.1 免费版

layer弹出层组件 V3.5.1 免费版

下载地址
  • 软件大小:37K
  • 软件语言:简体中文
  • 更新时间:2022-04-20
  • 软件类别:编程工具
  • 软件性质:免费软件
  • 运行环境:Windows平台
  • 软件等级:
  • 软件介绍
  • 软件截图
  • 猜你喜欢
  • 同类推荐
  • 相关文章

  layer弹出层组件是一款功能十分强大的网页开发编程辅助工具,这款工具能够帮助用户更好地完成网页开发工作,能够完美兼容主流的windows浏览器,可支持以更少的代码来展现完整的代码功能,大大提高用户的工作效率,有需要的小伙伴千万不要错过哦。

layer弹出层组件

【应用场景】

  layer弹出层组件最新版模块化使用

  如果你使用的是 layui,那么你直接在官网下载 layui 框架即可,无需引入 jQuery 和 layer.js,但需要引入layui.css和layui.js

  作为独立组件使用

  如果你只是单独想使用 layer,你可以去 layer 独立版本官网下载组件包。你需要在你的页面引入jQuery1.8以上的任意版本,并引入layer.js。

layer弹出层组件

【使用教程】

  layer弹出层组件最新版皮肤制作说明

  第一步:命名文件夹

  在layer的skin目录建立一个文件夹,假设您将该文件夹命名为:yourskin

  第二步:创建样式等文件

  在yourskin文件夹下建立一个单独的样式文件,务必命名为:style.css。并且你可能用到的图片也要存放在该文件夹下

  第三步:书写样式

  1. 务必在第一行加上这句:

  /* 选择器格式为:html #layui_layer_skin文件夹名stylecss,这一点非常重要 */

  html #layui_layer_skinyourskinstylecss{display:none; position: absolute; width:1989px;}

  2. 继续书写务必遵循这种格式:

  body .layer-ext-yourskin .layui-layer-title{}

  body .layui-ext-yourskin .layui-layer-btn{}

  body .layui-ext-yourskin .layui-layer-btn a{}

  /* 你可以通过调试工具重置更多样式 */

  第四步:调试

  通过全局配置看看你的皮肤定义的如何:

  layer.config({

  extend: ['skin/myskin/style.css'], //加载您的扩展样式

  skin: 'layer-ext-yourskin'

  });

  layer.alert('layer皮肤-Yourskin');

  第五步:发布

  1. 现在你已经成功制作了一个皮肤了,如果你觉得它很美,你可以共享出更多的人使用。

  2. 那么你应该制作一个简单的页面来介绍你的皮肤,提供尽可能简单的使用说明。

  3. 然后将制作好的皮肤发送给官方邮箱。

软件截图

同类推荐

推荐文章

本类排行

  • 周排行
  • 月排行

源码搜藏网

Copyright 2019-2022 版权所有

声明: 所有软件和文章来自互联网 如有异议 请与本站联系socangkefu@foxmail.com 本站为非赢利性网站 不接受任何赞助和广告 技术支持