icon-rss-large

外贸 | | 登录

订阅我们

引用JavaScript插件后可以套用通用的HTML格式就能实现酷炫的交互特效

Published on 2022-12-28 by zhushican

引用JavaScript插件后可以套用通用的HTML格式就能实现酷炫的交互特效

JavaScript插件的概述

引用JavaScript插件可以套用通用的HTML格式就能实现酷炫的交互特效

JavaScript插件是依托在jQuery10+的基础上,所以要使用它前提是必须先引入jQuery库

JavaScript插件总共有12种,过渡效果、模态框、下拉菜单、滚动监听、轮播图、按钮等

JavaScript插件的引入方式

一次性全部引入(使用 bootstrap.js 或压缩版的 bootstrap.min.js)

JavaScript 插件可以单个引入

data属性

data属性API是Bootstrap中的一等API,你可以仅仅通过data属性API就能使用所有的Bootstrap插件,无需写一行Javascript代码。这是首选的使用方式

关闭 data 属性 API 的方法

$(document).off('.data-api')

动画过渡效果

可以单独引入transition.js

过渡效果全部使用了css3语法,IE6-IE8不支持动画过渡效果

组件使用动画过渡效果

模态框(Modal)的滑动和渐变效果

选项卡(Tab)的渐变效果

警告框(Alert)的渐变效果

旋转轮播(Carousel)的滑动效果


Gravatar

About

Read More...
0
Comments
Leave a Comment