摘要: 基本原理:function loadjscssfile(filename, filetype){if (filetype=="js"){ //if filename is a external JavaScript file var fileref=document.createElement_x( 阅读全文
posted @ 2017-08-15 14:06 暖爱 阅读(1107) 评论(0) 推荐(0) 编辑
摘要: 1、addClass:为指定的dom元素添加样式。 2、removeClass:删除指定dom元素的样式。 3、toggleClass:如果存在(不存在),就删除(添加)一个样式。 4、hasClass:判断样式是否存在。 原生 JS 代码如下: 1 2 3 4 5 6 7 8 9 10 11 12 阅读全文
posted @ 2017-05-02 15:00 暖爱 阅读(1039) 评论(0) 推荐(0) 编辑
摘要: listNum.onclick = function myCarousel(){ var target = event.target ? event.target : event.srcElement; index = target.getAttribute('slide-to'); } 内部实现过 阅读全文
posted @ 2017-05-02 13:54 暖爱 阅读(124) 评论(0) 推荐(0) 编辑
摘要: 问题和表现: 最近实践中遇到的问题,setAttribute()设置在IE7中,无法设置style等属性。这样就对设置样式带了很大的困扰,例如绑定点击事件来隐藏元素,setAttribute(”style“,”dispaly:none“);就可以解决,结果IE7 则无法生效。 关于解决兼容性的办法: 阅读全文
posted @ 2017-04-28 13:42 暖爱 阅读(568) 评论(0) 推荐(0) 编辑
摘要: 一、animates.css 一、animates.css 一、animates.css 一、animates.css animate.css是来自dropbox的工程师Daniel Eden开发的一款CSS3的动画效果小类库。包含了60多款不同类型的CSS3动画,包括:晃动,闪动,各种淡出淡出效果 阅读全文
posted @ 2017-04-18 17:54 暖爱 阅读(201) 评论(0) 推荐(0) 编辑
摘要: 一、transition与visibility 这里的transition指的就是CSS3中的那个过渡动画属性transition. 如果我们仔细查看其支持的CSS属性值,会发现竟然有一个visibility. 此时,我的脑袋上立马冒出了3个大大的问号:visibility不就visibile/hi 阅读全文
posted @ 2017-04-18 16:03 暖爱 阅读(743) 评论(0) 推荐(0) 编辑
摘要: 介绍 响应式页面中经常用到根据屏幕密度设置不同的图片。这个时候肯定会用到image标签的srcset属性。srcset属性用于设置不同屏幕密度下,image自动加载不同的图片。用法如下: <img src="image-128.png" srcset="image-256.png 2x" /> 使用 阅读全文
posted @ 2017-04-07 09:56 暖爱 阅读(246) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.o 阅读全文
posted @ 2017-01-12 14:21 暖爱 阅读(144) 评论(0) 推荐(0) 编辑
摘要: CSS代码: .box { width: 355px; height: 500px; padding-top: 30px; padding-bottom: 30px; margin-left: auto; margin-right: auto; position: relative; } .list 阅读全文
posted @ 2017-01-09 14:14 暖爱 阅读(892) 评论(0) 推荐(0) 编辑
摘要: .test{ display: inline-block; padding: 5px 10px 6px; text-decoration: none; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; - 阅读全文
posted @ 2016-11-14 17:20 暖爱 阅读(568) 评论(0) 推荐(0) 编辑