脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → bootstrap巨幕效果

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

 更新时间：2017年05月02日 09:21:32   作者：成兮  
这篇文章主要介绍了基于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中文网巨幕效果，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！

您可能感兴趣的文章:

相关文章

  • JS实现表单验证案例

    JS实现表单验证案例

    这篇文章主要为大家详细介绍了JS实现表单验证案例，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2022-08-08
  • js随机生成一个验证码

    js随机生成一个验证码

    这篇文章主要为大家详细介绍了js随机生成一个验证码的具体方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2017-06-06
  • javascript中Date对象的使用总结

    javascript中Date对象的使用总结

    本文介绍了Date对象的使用方法，清晰明了，实现方法有多种，仅供大家参考，希望对大家有所帮助，下面就跟小编一起来看看吧
    2016-11-11
  • JS运动特效之完美运动框架实例分析

    JS运动特效之完美运动框架实例分析

    这篇文章主要介绍了JS运动特效之完美运动框架,结合实例形式分析了javascript针对运动中的元素属性检测与判断相关操作技巧,需要的朋友可以参考下
    2018-01-01
  • 基于Arcgis for javascript实现百度地图ABCD marker的效果

    基于Arcgis for javascript实现百度地图ABCD marker的效果

    本篇文章由脚本之家小编给大家分享的基于Arcgis for javascript实现百度地图ABCD marker的效果，需要的朋友一起学习吧
    2015-09-09
  • uni-app使用组件的步骤记录

    uni-app使用组件的步骤记录

    这篇文章主要给大家介绍了关于uni-app使用组件的详细步骤,文中还介绍了自定义组件的使用方法,本文通过代码示例介绍的非常详细,需要的朋友可以参考下
    2023-08-08
  • js中arguments的用法(实例讲解)

    js中arguments的用法(实例讲解)

    这篇文章主要是对js中arguments的用法进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助
    2013-11-11
  • 产制造追溯系统之通过微信小程序实现移动端报表平台

    产制造追溯系统之通过微信小程序实现移动端报表平台

    这篇文章主要介绍了产制造追溯系统-通过微信小程序实现移动端报表平台 ,本文图文并茂给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下
    2019-06-06
  • js自调用匿名函数的三种写法(推荐)

    js自调用匿名函数的三种写法(推荐)

    下面小编就为大家带来一篇js自调用匿名函数的三种写法(推荐)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2016-08-08
  • PhantomJS快速入门教程(服务器端的 JavaScript API 的 WebKit)

    PhantomJS快速入门教程(服务器端的 JavaScript API 的 WebKit)

    Phantom JS是一个服务器端的 JavaScript API 的 WebKit。其支持各种Web标准： DOM 处理, CSS 选择器, JSON, Canvas, 和 SVG
    2015-08-08

最新评论