HTML——招生信息网（bootstrap、WOW动画、blueimp-gallery图片展示插件）

在服务器上运行动画、插件才能够动起来。

技术：bootstrap、CSS、WOW动画、blueimp-gallery图片展示插件

完整代码：

链接：https://pan.baidu.com/s/1lgVFtK-NG--7j6CW5gsmjQ
提取码：th2c

phpcms做后台：

链接：https://pan.baidu.com/s/1GKkNKO2JDpn3Pa51oCe5AA
提取码：279x

效果图：

首页

列表页

详情页

 图片列表页

原文地址：https://www.cnblogs.com/888abc/p/11039010.html

时间： 2024-09-29 18:28:29

HTML——招生信息网（bootstrap、WOW动画、blueimp-gallery图片展示插件）的相关文章

使用图片视频展示插件blueimp Gallery改造网站的视频图片展示

在很多情况下,我们网站可能会展示我们的产品图片.以及教程视频等内容,结合一个比较好的图片.视频展示插件,能够使得我们的站点更加方便使用,也更加酷炫,在Github上有很多相关的处理插件可以找来使用,有些效果还非常好,本篇介绍使用图片视频展示插件blueimp Gallery改造网站的视频图片展示,并和之前版本的效果进行对比. 1.blueimp Gallery插件介绍 blueimp Gallery是一个是具有触摸功能,响应式和可定制的图像和视频展示插件,为移动和桌面浏览器做了相关优化,它支持滑

第二百四十六节，Bootstrap弹出框和警告框插件

Bootstrap弹出框和警告框插件 学习要点: 1.弹出框 2.警告框 本节课我们主要学习一下 Bootstrap 中的弹出框和警告框插件. 一．弹出框 弹出框即点击一个元素弹出一个包含标题和内容的容器. 基本用法 注意:必须在js结合popover()方法使用 data-toggle="popover"弹出框事件绑定,写在触发弹出框的元素里,执行弹出框事件点击弹出或隐藏(Bootstrap)title=""设置弹出框标题,写在弹出框元素里,(Bootstrap)

BootStrap入门教程 (四) ：JQuery类库插件（模态窗口，滚动监控，标签效果，提示效果，“泡芙”效果，警告区域，折叠效果，旋转木马，输入提示）

上讲回顾:Bootstrap组件丰富同时具有良好可扩展性,能够很好地应用在生产环境.这些组件包括按钮(Button),导航(Navigation),缩略图( thumbnails),提醒(Alert),进度条(progress bar)等,能够很好减少前端工程师的代码量,实现更加丰富充实的页面. Bootstrap作为一套良好的前端工具,要实现现代的动态页面效果,javascript插件是必不可少的.它提供了12个基于JQuery类库的插件,包括模态窗口(Modals),滚动监控(Scrolls

Bootstrap 历练实例 - 折叠（Collapse）插件方法

方法 下面是一些折叠(Collapse)插件中有用的方法: 方法 描述 实例 Options:.collapse(options) 激活内容为可折叠元素.接受一个可选的 options 对象. $('#identifier').collapse({ toggle: false }) Toggle: .collapse('toggle') 切换显示/隐藏可折叠元素. $('#identifier').collapse('toggle') Show: .collapse('show') 显示可折叠元

Bootstrap历练实例：下拉菜单插件方法的使用

<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>Bootstrap历练实例:下拉菜单插件方法的使用</title> <meta charset="utf-8" /> <meta name="v

Bootstrap(4) 表单和图片

1.表单 基本格式,实现基本的表单样式 <form class="form-horizontal"> <div class="form-group"> <label class="col-sm-2 control-label">电子邮件</label> <div class="col-sm-10"> <input type="email" c

Bootstrap历练实例：模态框(Modal)插件

模态框(Modal)是覆盖在父窗体上的子窗体.通常,其目的是显示来自一个单独源的内容,可以在不离开父窗体的情况下进行一些交互,子窗体提供一些交互或信息. <!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>Bootstrap历练实例:模态框(Modal)插

SDWebImage动画加载图片处理方案

问题 做过开发的都知道,有时候为了让在tableView上面加载的图片显示不突兀,我们需要做渐变动画将它们加载出来,虽然用SDWebImage可以实现从网络加载图片,但是,它没有帮你实现动画加载图片,本教程就是教你实现动画加载图片的处理方案(你也可以用这种方法来进行其他动画的设计,本人只在这里进行抛砖引玉). 效果 源码 https://github.com/YouXianMing/SDWebImageLoadImageAnimation 设计的细节 核心的地方 要用专门的model记录图片是否

bootstrap设计网站中添加代码高亮插件

这款插件的名字叫做google-code-prettify 使用该插件之前的效果: 使用插件之后的效果: 接下来说步骤: (1)下载两个文件 http://codecloud.sinaapp.com/google-code-prettify/prettify.css http://codecloud.sinaapp.com/google-code-prettify/prettify.js (2)在head中引入这两个文件 <link href="google-code-prettify/p