基于bootstrap实现bootstrap中文网巨幕效果


Posted in Javascript onMay 02, 2017

效果图:

基于bootstrap实现bootstrap中文网巨幕效果

实现代码:

<div class="jumbotron">
 <div class="container">
  <h1>Bootstrap案例开发</h1>
  <h2>简洁、直观、强悍的前端开发框架,让web开发更迅速、简单</h2>
  <p>
   <a href="javascript:void(0)" rel="external nofollow" rel="external nofollow" class="btn btn-primary btn-lg btn-shadow v3a" title="bootstrap中文网巨幕效果" role="button" target="_blank">Bootstrap3中文文档(v3.3.7)</a>
  </p>
  <a href="javascript:void(0)" rel="external nofollow" rel="external nofollow" class="v2a" rolw="button" target="_blank" title="Bootstrap2中文文档">Bootstrap2中文文档(v2.3.7)</a>
 </div>
</div>

添加自定义的CSS效果

<style>
 .jumbotron{style="background-color: rgba(88, 45, 88, 0.84);}
 .v2a{color: grey; -webkit-transition: all .3s ease-out;}
 .v2a:hover{color: white;text-decoration: underline;}
 .v3a{-webkit-transition: all .3s ease-out;}
 .v3a:hover{text-decoration: underline;}
</style>

以上所述是小编给大家介绍的基于bootstrap实现bootstrap中文网巨幕效果,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
jquery实现的超出屏幕时把固定层变为定位层的代码
Feb 23 Javascript
基于jquery DOM写的类似微博发布的效果
Oct 20 Javascript
js获得当前时区夏令时发生和终止的时间代码
Feb 23 Javascript
基于jQuery的图片不完全按比例自动缩小
Jul 11 Javascript
微信小程序 Toast自定义实例详解
Jan 20 Javascript
layer弹出层中H5播放器全屏出错的解决方法
Feb 21 Javascript
原生js+cookie实现购物车功能的方法分析
Dec 21 Javascript
vue将毫秒数转化为正常日期格式的实例
Sep 16 Javascript
vue cli使用融云实现聊天功能的实例代码
Apr 19 Javascript
在vue中实现禁止回退上一步,路由不存历史记录
Jul 22 Javascript
vue中touch和click共存的解决方式
Jul 28 Javascript
OpenLayer学习之自定义测量控件
Sep 28 Javascript
老生常谈js-react组件生命周期
May 02 #Javascript
js 用于检测类数组对象的函数方法
May 02 #Javascript
使用Bootstrap打造特色进度条效果
May 02 #Javascript
在百度搜索结果中去除掉一些网站的资料(通过js控制不让显示)
May 02 #Javascript
js实现字符全排列算法的简单方法
May 01 #Javascript
Vue2.x中的父组件传递数据至子组件的方法
May 01 #Javascript
jQuery Ajax自定义分页组件(jquery.loehpagerv1.0)实例详解
May 01 #jQuery
You might like
使用adodb lite解决问题
2006/12/31 PHP
PHP下常用正则表达式整理
2010/10/26 PHP
匹配csdn用户数据库与官方用户的重合度并将重叠部分的用户筛选出来
2011/12/25 PHP
php时区转换转换函数
2014/01/07 PHP
php常用hash加密函数
2014/11/22 PHP
jQuery Mobile + PHP实现文件上传
2014/12/12 PHP
php实现网页端验证码功能
2017/07/11 PHP
JavaScript高级程序设计(第3版)学习笔记2 js基础语法
2012/10/11 Javascript
JS+CSS实现可拖拽的漂亮圆角特效弹出层完整实例
2015/02/13 Javascript
jQuery DOM删除节点操作指南
2015/03/03 Javascript
js实现横向伸展开的二级导航菜单代码
2015/08/28 Javascript
JavaScript和HTML DOM的区别与联系及Javascript和DOM的关系
2015/11/15 Javascript
AngularJS实现全选反选功能
2015/12/08 Javascript
基于Vuejs的搜索匹配功能实现方法
2018/03/03 Javascript
vue 解决addRoutes动态添加路由后刷新失效问题
2018/07/02 Javascript
细说Vue组件的服务器端渲染的过程
2019/05/30 Javascript
react MPA 多页配置详解
2019/10/18 Javascript
vue实现配置全局访问路径头(axios)
2019/11/01 Javascript
Node.js开发之套接字(socket)编程入门示例
2019/11/05 Javascript
js实现的在本地预览图片功能示例
2019/11/09 Javascript
记一次python 内存泄漏问题及解决过程
2018/11/29 Python
使用Python将字符串转换为格式化的日期时间字符串
2019/09/01 Python
python3 使用Opencv打开USB摄像头,配置1080P分辨率的操作
2019/12/11 Python
Pytorch 实现冻结指定卷积层的参数
2020/01/06 Python
python列表推导和生成器表达式知识点总结
2020/01/10 Python
python实现图片素描效果
2020/09/26 Python
what is the difference between ext2 and ext3
2015/08/25 面试题
财务会计专业应届毕业生求职信
2013/10/18 职场文书
个人实用简单的自我评价
2013/10/19 职场文书
校园文明倡议书
2014/05/16 职场文书
七一建党日演讲稿
2014/09/05 职场文书
村党支部书记个人对照材料汇报
2014/10/26 职场文书
中国世界遗产导游词
2015/02/13 职场文书
遗失说明具结保证书
2015/02/26 职场文书
CSS3点击按钮圆形进度打钩效果的实现代码
2021/03/30 HTML / CSS
Redis 报错 error:NOAUTH Authentication required
2022/05/15 Redis