2017年6月30日
svg实现简单沙漏旋转
摘要： svg实现简单沙漏 先画一个简单的沙漏 例如： svg代码： .timerWrap { position: relative; animation: timerRotate 1s infinite ease; width: 120px; height: 160px; margin: auto; to 阅读全文
posted @ 2017-06-30 15:06 师妹儿 阅读(950) 评论(1) 推荐(0) 编辑
svg制作风车旋转
摘要： 首先用ai画一个简单的风车 例如： svg代码： 接下来看完整的代码： <!DOCTYPE html svg{ width: 500px; height: 800px; border: 1px solid ccc; display: block; margin: 0 auto; } <! Gener 阅读全文
posted @ 2017-06-30 09:11 师妹儿 阅读(1633) 评论(0) 推荐(0) 编辑
2017年6月27日
SVG制作简单的图形
摘要： 圆形 circle 矩形 rect 椭圆 ellipse 线 line 折线 polyline 多边形 polygon 路径 path 可用于路径数据的命令 M = moveto L = lineto H = horizontal lineto V = vertical lineto C = cur 阅读全文
posted @ 2017-06-27 19:36 师妹儿 阅读(1210) 评论(0) 推荐(1) 编辑
SVG的简单介绍
摘要： 1.SVG 是用XML格式定义的矢量图。 2.文件体积小，能够被大量的压缩。 3.图片可无限放大而不失真(矢量图的基本特征)。 4.在视网膜显示屏上效果极佳。 5.能够实现互动和滤镜效果。 6.svg元素里提供了“width”和“height”两个属性来定义SVG图片的高度和宽度。 7.fill属性 阅读全文
posted @ 2017-06-27 18:55 师妹儿 阅读(341) 评论(0) 推荐(0) 编辑
2017年6月5日
jquery实现某宝放大点击切换
摘要： html代码 < > css代码 { margin: 0; padding:0; } li{ list style: none; } .boss{ position:relative; width: 350px; } .bigimg{ width: 350px; border: 1px 阅读全文
posted @ 2017-06-05 21:21 师妹儿 阅读(316) 评论(0) 推荐(0) 编辑
2017年5月17日
jQuery之效果
摘要： jQuery 效果 1)基本 2)滑过 3)淡入淡出 4)自定义 5)设置 基本 show（显示隐藏的匹配元素。） css代码 hello,hehe jquery代码 $("p").show(); 动画效果 1)$("p").show("slow"); 2)$("p").show("normal") 阅读全文
posted @ 2017-05-17 20:36 师妹儿 阅读(344) 评论(1) 推荐(0) 编辑
2017年5月16日
jQuery之筛选
摘要： jQuery 筛选 1)过滤 2)查找 3)串联 eq(index| index) 获取匹配的第二个元素 HTML 代码: This is just a test. So is this jQuery 代码: $("p").eq(1).css("color","red") 结果: [ So is t 阅读全文
posted @ 2017-05-16 20:19 师妹儿 阅读(2666) 评论(0) 推荐(0) 编辑
2017年5月15日
jQuery之文档处理
摘要： jQuery 文档处理 1)内部插入 2）外部插入 3）包裹 4）替换 5）删除 6）复制 1.内部插入 append(content|fn) 向每个匹配的元素内部追加内容。 向所有段落中追加一些HTML标记。 HTML 代码: I would like to say: jQuery 代码: $(" 阅读全文
posted @ 2017-05-15 20:10 师妹儿 阅读(511) 评论(0) 推荐(0) 编辑
jQuery之属性操作
摘要： jQuery 属性操作 1)属性 2）CSS 类 3）HTML代码/文本/值 1.属性 (1)attr(name|properties|key,value|fn) 设置或返回被选元素的属性值。 name:属性名称 properties：作为属性的“名/值对”对象 key,value：属性名称，属性值 阅读全文
posted @ 2017-05-15 19:18 师妹儿 阅读(242) 评论(0) 推荐(0) 编辑
2017年5月13日
jQuery css操作
摘要： jQuery css操作 1)css 2）位置 3）尺寸 1.css操作之css css(name|pro|[,val|fn]) 当你使用CSS属性在css()或animate()中，我们将根据浏览器自动加上前缀(在适当的时候)，在Chrome/Safari浏览器中我们将设置为" webkit us 阅读全文
posted @ 2017-05-13 20:03 师妹儿 阅读(410) 评论(1) 推荐(1) 编辑