07 2015 档案

摘要:思路主要是IE9+ 谷歌 火狐等使用rgba(0,0,0,0.5)来确定透明度 前三个值是RGB值 可以直接参考PS里对应的值 最后一个是透明度例子 background:rgba(255,255,255,0.5);然后去兼容IE6-IE8ie6-ie8使用hack @media \0screen\... 阅读全文
posted @ 2015-07-23 14:49 星耀学园 阅读(1205) 评论(0) 推荐(0) 编辑
摘要:使用jquery封装的一个幻灯片插件 写的好差 参考了别人写的 后面再重构 现在这个应该可以直接用了主要实现思路就是 添加当前选中状态 index相对应的 选中的图总是在第一位(也就是加选中状态的li 总是第一个) 这样不管前滚动还是后滚动都是选中的第一个这里用的关键的jquery prepend(... 阅读全文
posted @ 2015-07-22 14:44 星耀学园 阅读(384) 评论(0) 推荐(0) 编辑
摘要:结构直接看图比较直接 这里window.frames获取的是iframe的数组 要记得给iframe加个ID才行 后面的记录会详细讲解 在父窗口获取页面内的iframe 里面的元素window.frames['ifm'].contentWindow.document.getElementById(' 阅读全文
posted @ 2015-07-17 10:22 星耀学园 阅读(2862) 评论(0) 推荐(0) 编辑
摘要:实际背景 就是都是HTML 公共头部底部 然后中间部分加载不同的HTML文件 有点跟模板引擎一样jQuery 有个load函数 加载html文件的路径 获取html内容 到中间部分正常下是不能用IE的开发者工具获取DOM的 中间JS加载的如下图 切换到IE7文档模式这时候就需要刷下DOM在查看就可以... 阅读全文
posted @ 2015-07-16 11:50 星耀学园 阅读(377) 评论(0) 推荐(0) 编辑
摘要:主要是css中间是没有的 一个空格 结构就是上级 划过 里面的下级元素变化css.list-plan:hover .product-icon-img{ background: url('../images/product-icon-hover.png') no-repeat center ce... 阅读全文
posted @ 2015-07-15 16:51 星耀学园 阅读(624) 评论(0) 推荐(0) 编辑
摘要:http://www.cnblogs.com/liuling/archive/2013/07/25/2013-7-25-01.html 阅读全文
posted @ 2015-07-10 14:47 星耀学园 阅读(99) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2015-07-09 17:36 星耀学园 阅读(356) 评论(0) 推荐(0) 编辑
摘要:ie9 专属hack \9\0index_font{ margin-left:50px\9\0}ie 8下 input 背景设置background:none 不能获取到inputie6 + ie7 hack@media screen\9{#div{background:#000;}}ie7 hac... 阅读全文
posted @ 2015-07-07 16:18 星耀学园 阅读(118) 评论(0) 推荐(0) 编辑
摘要:先上完整实例非常简单 不过由于使用了闭包 性能并不咋样 学习用思路:根据切换栏的标题 点击产生event.target event.srcElement 获取到点击元素的内容 根据内容 获取到这个元素的索引值 然后对应内容块里的内容显示 不对应的内容隐藏 第一个 第二个 ... 阅读全文
posted @ 2015-07-06 23:01 星耀学园 阅读(796) 评论(0) 推荐(0) 编辑
摘要:事件产生的event(e) IE下是e.srcElement 谷歌等是e.target var tab = (function(){ var d= document; d.getElementById('tab').onmouseover=function(e){ var e =e||... 阅读全文
posted @ 2015-07-06 16:37 星耀学园 阅读(1931) 评论(0) 推荐(0) 编辑
摘要:1.纯色的全等的三角形实现 下面的就是实际实现 没有宽高 只有边框 都是透明 根据箭头的方向 给边框方法加颜色 比如需要像右箭头 只需要给border-right-color:颜色值; 即可 css body{ background: #000;} #a1{ width: 0px; height: 阅读全文
posted @ 2015-07-02 22:46 星耀学园 阅读(690) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示