摘要: 一、box-sizing 属性 规定两个并排的带边框的框 二、align-items (适用于父类容器上) 设置或检索弹性盒子元素在侧轴(纵轴)方向上的对齐方式。 值: flex-start:弹性盒子元素的侧轴(纵轴)起始位置的边界紧靠住该行的侧轴起始边界。 flex-end:弹性盒子元素的侧轴(纵 阅读全文
posted @ 2016-05-05 15:32 *茉莉花开* 阅读(382) 评论(0) 推荐(0) 编辑
摘要: html标签 - <marquee></marquee>可以实现多种滚动效果,无需js控制。使用marquee标记不仅可以移动文字,也可以移动图片,表格等.只需要在<marquee></marquee>内部输入要滚动的内容即可。 一、标签属性 1.滚动方向direction(包括4个值:up、 do 阅读全文
posted @ 2016-04-25 21:18 *茉莉花开* 阅读(18325) 评论(0) 推荐(3) 编辑
摘要: 一、实现效果 1.初始化效果:未添加样式和特效 2、添加CSS样式 3、最终效果 二、JQuery代码 三、完整代码 1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title>JQuery制作导航栏 阅读全文
posted @ 2016-04-09 10:15 *茉莉花开* 阅读(1235) 评论(0) 推荐(0) 编辑
摘要: JQuery选择器 通过一个例子来分辨这些选择器,首先做一个初始的页面: 1、HTML 1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title>选择器</title> 6 <script type 阅读全文
posted @ 2016-04-08 19:24 *茉莉花开* 阅读(1047) 评论(3) 推荐(4) 编辑
摘要: 特殊的图片轮换特效 一、实现效果 如上图: 1、图片自动依次轮换,每轮换到一张图片,下面对应的小图标出现红色边框,并显示对应的图片名称 2、鼠标放到大图片上面的时,图片停止轮换,一直显示当前图片;鼠标移开后图片继续轮换 3、鼠标移到小图标上时,大图片区域会显示对应的大图;鼠标移开则从当前图片开始继续 阅读全文
posted @ 2016-03-30 13:35 *茉莉花开* 阅读(623) 评论(0) 推荐(2) 编辑
摘要: JavaScript特效 一、在网页上显示当前的时间日期,例如:“2016年3月26日 星期六”。 js源代码: 1 function getTime() { 2 var today = new Date(); //返回当日的日期和时间。 3 var year = today.getFullYear 阅读全文
posted @ 2016-03-30 13:24 *茉莉花开* 阅读(523) 评论(1) 推荐(0) 编辑
摘要: HTML DOM基础知识 一、什么是DOM? 1、HTML DOM 定义了访问和操作HTML文档的标准方法。 2、HTML DOM 把 HTML 文档呈现为带有元素、属性和文本的树结构(节点树)。 3、通过 JavaScript,您可以重构整个 HTML 文档。您可以添加、移除、改变或重排页面上的项 阅读全文
posted @ 2016-03-20 09:51 *茉莉花开* 阅读(682) 评论(0) 推荐(0) 编辑
摘要: 1、让用户输入两个数字,然后输出相加的结果。 *prompt() 方法用于显示可提示用户进行输入的对话框。 语法: 说明: 如果用户单击提示框的取消按钮,则返回 null。如果用户单击确认按钮,则返回输入字段当前显示的文本。 在用户点击确定按钮或取消按钮把对话框关闭之前,它将阻止用户对浏览器的所有输 阅读全文
posted @ 2016-03-19 19:50 *茉莉花开* 阅读(653) 评论(0) 推荐(0) 编辑
摘要: 1、HTML DOM setInterval() 方法 定义和用法: setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。 setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回 阅读全文
posted @ 2016-03-14 19:02 *茉莉花开* 阅读(946) 评论(2) 推荐(5) 编辑
摘要: BootStrap笔记 一.BootStrap简介 1、Bootstrap的由来 2011年,twitter的“一小撮”工程师为了提高他们内部的分析和管理能力,用业余时间为他们的产品构建了一套易用、优雅、灵活、可扩展的前端工具集--BootStrap。Bootstrap由MARK OTTO和Jaco 阅读全文
posted @ 2016-03-12 13:57 *茉莉花开* 阅读(1311) 评论(5) 推荐(5) 编辑