随笔分类 -  前端

html、js、ajax等相关内容
html中radio使用方法
摘要：html页面： <div id="speedDiv" > <label>播放速度：</label> <input type="radio" name ="rdSpeed" value="fast" >快速 <input type="radio" name ="rdSpeed" value="Medi 阅读全文
posted @ 2016-01-29 09:36 i日出 阅读(23685) 评论(1) 推荐(1)
播放暂停控制span移动
摘要：点击“播放”，time-panal-progress的left向右移动；点击“暂停”停止移动。效果如下图：页面代码如下：js代码如下： 阅读全文
posted @ 2015-12-14 13:55 i日出 阅读(181) 评论(0) 推荐(0)
jquery中toggleClass方法用于样式切换
摘要：实例对设置和移除所有 元素的 "main" 类进行切换：$("button").click(function(){ $("p").toggleClass("main");});定义和用法toggleClass() 对设置或移除被选元素的一个或多个类进行切换。该方法检查每个元素中指定的类。如果不存... 阅读全文
posted @ 2015-12-07 09:22 i日出 阅读(3454) 评论(0) 推荐(0)
css中float属性和position
摘要：css中float属性：float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像，使文本围绕在图像周围，不过在 CSS 中，任何元素都可以浮动。浮动元素会生成一个块级框，而不论它本身是何种元素。如果浮动非替换元素，则要指定一个明确的宽度；否则，它们会尽可能地窄。注释：假如在一行之上只有极少的... 阅读全文
posted @ 2015-12-03 10:06 i日出 阅读(216) 评论(0) 推荐(0)
css中margin和padding
摘要：转载：margin和padding的区别用图表示为： padding margin都是边距的含义，关键问题得明白是什么相对什么的边距．padding是控件的内容相对控件的边缘的边距．margin是控件边缘相对父空间的边距．在CSS中margin是指从自身边框到另一个容器边框之间的距离，就是容器外距... 阅读全文
posted @ 2015-12-03 10:02 i日出 阅读(528) 评论(0) 推荐(0)
div设置多个class
摘要：在 HTML 中，一个 class 值中可能包含一个词列表，各个词之间用空格分隔。例如，如果希望将一个特定的元素同时标记为重要（important）和警告（warning），就可以写作：This paragraph is a very important warning.这两个词的顺序无关紧要，写成... 阅读全文
posted @ 2015-12-01 09:25 i日出 阅读(7688) 评论(0) 推荐(0)
自动创建span
摘要：页面： js代码：填充近8小时的time-panel-progress-tick,自动创建span var preHour = nowHour; //显示前8个小时 for(var i=7;i>=0;i--) { var spanON = document.create... 阅读全文
posted @ 2015-11-17 11:09 i日出 阅读(225) 评论(0) 推荐(0)
js获取系统当前时间
摘要： 阅读全文
posted @ 2015-11-17 10:25 i日出 阅读(335) 评论(0) 推荐(0)
前端属性id和class区别
摘要：1、使用区别id具有唯一性，在一个网页中同一个命名只能使用一次；class命名的类可以在一个网页中使用无数次。2、css中区别id在css代码中是以“#”井号符号开头命名的类class在css代码中是以“.”小写句号符号命名开头的类3.id和class都可以在网页中任何标签内使用。一般比较重要的部分... 阅读全文
posted @ 2015-11-16 14:52 i日出 阅读(722) 评论(0) 推荐(0)
style的top属性设置不管用问题
摘要：设置了style的top属性，不管用，原代码如下：要加position:absolute，如下： 阅读全文
posted @ 2015-11-09 09:20 i日出 阅读(1590) 评论(0) 推荐(0)
简单的html+css页面布局
摘要：页面布局如下：对应的html代码： 阅读全文
posted @ 2015-11-06 10:44 i日出 阅读(718) 评论(0) 推荐(0)
html+css页面布局
摘要：http://blog.csdn.net/mercop/article/details/7882000HTML CSS + DIV实现整体布局1、技术目标：开发符合W3C标准的Web页面理解盒子模型实现DIV+CSS整体布局2、什么是W3C标准？ W3C：World Wide Web Consort... 阅读全文
posted @ 2015-11-06 10:41 i日出 阅读(770) 评论(0) 推荐(0)