摘要: 简介 Bootstrap是Twitter推出的一个开源的用于前端开发的工具包,是一个CSS/HTML框架。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发。 Bootstrap提供了优雅的HTML和CSS规范,它即是由动态CSS语言Less写成。 Bootstrap 阅读全文
posted @ 2019-06-27 17:44 gaojian910 阅读(4460) 评论(0) 推荐(0) 编辑
摘要: 街头篮球官网仿站 1动画:transform: translate3d(0, -100%, 0); .transition: 2s //过渡时间 2.div的鼠标移入变小手可以直接加给div,不用通过:hover。 .div1:hover .div2 --鼠标放到div1时操作div2 3.通过js 阅读全文
posted @ 2019-06-27 17:33 gaojian910 阅读(114) 评论(0) 推荐(0) 编辑
摘要: 鼠标移入 移出 onmouseover 属性在鼠标指针移至元素之上时触发 onmouseout 属性在鼠标指针移除元素时触发。 HTML代码 js代码 阅读全文
posted @ 2019-06-15 15:29 gaojian910 阅读(15514) 评论(4) 推荐(1) 编辑
摘要: js鼠标点击 改变显示跟隐藏以及加新的class(在css里封装一个需要样式) 该方法用到的是 onclick 属性在单击鼠标时触发。 示例: HTML代码 js代码 阅读全文
posted @ 2019-06-15 13:47 gaojian910 阅读(6434) 评论(0) 推荐(0) 编辑
摘要: setInterval setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。 给需要轮播的图片在js里声明一个变量 以数组的类型 在HTML里找到图片的位置 代码如下 HTML代码 js代码 注意:这是不能手动控制的轮播图 阅读全文
posted @ 2019-06-14 10:38 gaojian910 阅读(128) 评论(0) 推荐(0) 编辑
摘要: onscroll方法 onscroll 事件在元素滚动条在滚动时触发。 css代码 js代码 当滚动条运行大于 t 设定的值后 执行document.getElementById( "top_menu" ).className = "top_menu co"; 给原有的导航栏在加上一个已经封装好的c 阅读全文
posted @ 2019-06-14 10:04 gaojian910 阅读(625) 评论(0) 推荐(0) 编辑
摘要: 三元运算符 说明 :三元运算符就是if else的简写形式,建议三元运算符写简单的条件判断,代码部分基本上都是一行。 三元:条件表达式?达成条件运行的代码:没有达成条件运行的代码 (条件表达式)?表达式1:表达式2; 运算规则: a) 判断条件表达式,结果为一个布尔值。 b) true,运算结果为表 阅读全文
posted @ 2019-06-10 08:26 gaojian910 阅读(264) 评论(0) 推荐(0) 编辑
摘要: 运算符 1.算数运算符:+、-、*、/、+ +自增、 - -自减、%取余 2、比较运算符:> < >= <= !=不等 ==(比较值) (比较值和类型) 3、逻辑运算符 结果就是布尔类型 1. && 并且 两边都是真的(true) 才是真的(true) 2. | | 或者 只要一边是真的(true) 阅读全文
posted @ 2019-05-30 22:22 gaojian910 阅读(111) 评论(0) 推荐(0) 编辑
摘要: 注释的分类: / /单行注释 /* */多行注释 事件:对标签元素进行的动作 (点击、双击、鼠标移入、键盘按下) 外部引用 例子:< script type=" text/iavascript" src=" js/javascript.js">< /script > 语句 以行为一个单位,结束使用; 阅读全文
posted @ 2019-05-30 22:07 gaojian910 阅读(104) 评论(0) 推荐(0) 编辑
摘要: 注意事项 1、先规划布局 2、写一个css里面放 3、起名一定规范 4、注意注释 方便查找 5、定位问题 会导致布局偏移 6、如果要图片不随缩放而改变,图片所在的div和图片本身都不要设高。如果只给div设高,图片不会改变,但会遮盖下面内容,如果也给图片设高,高度会缩放。 难点: 1、动画及阴影问题 阅读全文
posted @ 2019-05-30 21:42 gaojian910 阅读(286) 评论(0) 推荐(0) 编辑