仿阿里云首页导航下划线效果
用到了CSS3的 [transition] 动画效果 demo只是高仿的效果,阿里前端写出来的效果貌似比我写出来的感觉好点[心塞]... <nav class="navigation" role=&quo
Javascript文字上下滚动效果
实现原理：1 将评论区最后一条动态出入到第一条位置；通过定时器实现每5秒调用一次2 主要用到了insertBefore方法 温习一下insertBefore用法：insertBefore: 方法在被选元素之前插入 HTML 标记或已有的元素注释：如果该方法用于已有元素，这些元素会被从当前位置移走，然后被添加到被选元素之前。语法：$(content).insertBefore(select
网站改版建设中模板
一款好看的网站正在建设中模板：查看演示链接
Javascript实现图片预览功能
每日鸡汤： 幸福，其实很简单。当你生病了，有人来照顾你，这就是幸福；当你觉得冷了，有人抱着你给过温暖，这就是幸福；当你受委屈流泪了，有人悉心照料的安慰你，这就是幸福；当你老了做不了事了，有人陪伴你看日出日落，这就是幸福。 <img id="userHeaderImg" src="images/weChat.png" alt=""
仿某团评价打分 + 评论字数限制
实现原理：1 选中当前星星添加active样式，并为其兄弟元素添加active样式2 通过nextAll属性去掉当前点击之后的样式nextAll用法:nextAll() 获得匹配元素集合中每个元素的所有跟随的同胞元素，由选择器筛选是可选的。如果给定一个表示DOM元素集合的jQuery对象，.nextAll()方法允许我们搜索DOM树中的元素跟随的同胞元素，并用匹配元素构造新的 jQuery 对象。
复制粘贴插件(兼容) 网评较好
网搜复制粘贴这个功能貌似兼容不好, 最后采用了评分较高的插件clipboard注意： 官方提供的API说明 只能在button 或者 input 之间使用 其他标签有不兼容情况，可能是版本问题吧 我用的时候采用过a标签 没有问题 ，其他有兴趣的朋友可以测试下 <button class="btn" data-clipboard-text=""&g
position.top 、offset.top
实现原理：1 利用H5【data】属性, 插入列表图片 , 悬浮是动态获取赋值2 主要用到了position.top方法 (相对于定位的父容器获取), 区别于offset.top复习一下： position 和 offset 区别 http://www.w3school.com.cn/jquery/css_offset.aspposition() 方法返回匹配元素相对于父元素的位置（偏移）、返回的
点击空白区域遮罩层消失
实现原理: 判断点击的区域是否为需要隐藏内容区域 若不是则隐藏收起<div class="select-wrap"> <div class="select-span"> <span>选择一个</span> </div> <ul class="s
For循环onclick事件闭包问题
ERROR:控制台会报出: is not defined 错误问题描述 : 如果我们对于一组元素（相同的标签）同时进行onclick事件处理的时候（在需要获取到索引的时候），一般是写一个for循环，但是onclick是一个异步调用的，所以会带来一个问题，当我们触发这个事件的时候，我们能获取的i值是for完整执行完后i的值，而不能获取到代码顺序里i的值以前惯用的解决方式 <script
Javascript获取图片路径(兼容)
每日鸡汤： 只要认真计划一件事，并且一边坚持一边调整，往往会完成得十分出色。懈怠的情绪谁都会有，不要担心自己比别人走得慢，也不要因暂时的挫折心灰意冷，只要不断调整心态，不停下脚步，最终能抵达终点。 <h1>JS获取文件域完整路径的方法，兼容不同浏览器</h1> <div id="text" style="color:#f0