- 博客(11)
- 收藏
- 关注
RSS订阅原创 如何用js使小球来回弹动
一、创建一个小球和两堵墙以及按钮 <style type="text/css"> #box{ width:60px;height:60px;position:absolute;left:10px;top:0px;background:#333;border-radius:50%;margin-top:80px; } #qiangL{ width:2px;h...
2018-07-16 17:20:03
2352
原创 javascript中的闭包
一、闭包的概念闭包是指一个函数能够访问其函数外部作用域中的变量。直白的说是将访问的变量长期保留，不会立即销毁。二、闭包的特点1、函数里面嵌套函数2、内部函数能访问外部函数的变量3、定义的参数和变量不会回收三、简单举个小例子 <ul> <li>1</li> <li>2</li> <li>3</li>
2018-07-16 15:08:43
148
原创 如何使用js实现可走动时间代码
一、js实现时间代码<script type="text/javascript"> function showtime(){ var date=new Date(); var year=date.getFullYear(); var month=date.getMonth()+1; var day=date.getDay(); var hours=date.getHour...
2018-06-29 20:05:43
2712
原创 bootstrap使用wow动画及class的名称
一、bootstrap使用动画bootstrap使用动画需要配合两个库，wow.js animate.css可以直接在网上搜索下载引入wow.js之后要加<script> var wow = new WOW( { boxClass: 'wow', // animated element css class (defa...
2018-06-27 18:48:30
1678
原创 使用Bootstrap4创建提示框
提示框提示框是一个小小的弹窗，在鼠标移动到元素上显示，鼠标移到元素外就消失。如何创建提示框通过向元素添加 data-toggle=“tooltip" 来创建提示框。title=“”是显示的提示框里的内容。注意：使用Bootstrap4时，<script> 标签放到页面底部的 </body> 标签之前。注意顺序，jQuery 必须放在最前面，然后是 Popper.js，最后是...
2018-06-21 21:22:36
574
原创 使用Bootstrap4中轮播效果做响应式轮播图
Bootstrap4 轮播轮播是一个循环的幻灯片，创建了一个简单的图片轮播效果 ：注意：使用Bootstrap4时，<script> 标签放到页面底部的 </body> 标签之前。注意顺序，jQuery 必须放在最前面，然后是 Popper.js，最后是我们自己的 JavaScript 插件。<link rel="stylesheet" href="https://c...
2018-06-20 21:22:08
3131
原创 CSS3 弹性盒子(Flex Box)
一、CSS3 弹性盒子(Flex Box)弹性盒子是 CSS3 的一种新的布局模式。CSS3 弹性盒（ Flexible Box 或 flexbox），是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间。二、如何让容器变成弹性盒子弹性容器通过设置 display 属性的...
2018-06-20 08:51:53
175
原创 Bootstrap4的重要更新
一、什么是Bootstrap4Bootstrap 是全球最受欢迎的前端组件库，用于开发响应式布局、移动设备优先的 WEB 项目。Bootstrap4 目前是 Bootstrap 的最新版本，是一套用于 HTML、CSS 和 JS 开发的开源工具集。利用我们提供的 Sass 变量和大量 mixin、响应式栅格系统、可扩展的预制组件、基于 jQuery 的强大的插件系统，能够快速为你的想法开发出原型或...
2018-06-20 08:23:34
1281
原创 CSS3多媒体属性
一、CSS 媒体类型媒体类型允许你指定文件将如何在不同媒体呈现。该文件可以以不同的方式显示在屏幕上，在纸张上，或听觉浏览器等等。 二、@media 规则@media 规则允许在相同样式表为不同媒体设置不同的样式。在视口最大为450px时，div为100*100px，背景色为红色@media screen and (max-width:400px){ div{width:100px;...
2018-06-15 09:21:10
273
原创 css3定点地图
如何制作一个定点地图效果链接一、添加css<style type="text/css"> *{margin:0px 0px;padding:0px 0px;} /* 添加背景图 */ .hsbj{height:760px;background:url(images/map_balck_whole_bg.jpg) center no-repeat;} .h...
2018-06-14 17:15:01
853
原创 css3动漫效果
@keyframes规则是创建动画。 @keyframes规则内指定一个CSS样式和动画将逐步从目前的样式更改为新的样式。用百分比来规定变化发生的时间，或用关键词 "from" 和 "to"，等同于 0% 和 100%。0% 是动画的开始，100% 是动画的完成。使一个盒子无限制次数移动变色并旋转<!DOCTYPE html><html lang="en"><he...
2018-06-14 08:19:34
198
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人