Web笔记

共 90 篇文章

D3.js实现双折线图

D3.js实现双折线图

实习拿来练手的,D3.js实现双折线图(可扩展为多折线图),先把效果放出,代码与解析等稍后放出,也可以切换到js代码中查看。 参考资料:

WordPress代码实现自动拒绝包含特定关键词的垃圾评论

WordPress代码实现自动拒绝包含特定关键词的垃圾评论

经常受到类似的垃圾评论,有点懒得动手删了,于是百度出自动拒绝特定关键字的评论的方法并记于此处。 将下面的代码添加到主题的functions.php文件,自己根据需要,修改 bad_comment_content 数组内的字符,将会被自动拒绝留言。

Canvas初实现拍照小游戏

Canvas初实现拍照小游戏

由于实现的比较简单,且在部分机型上会出现点小问题,此处仅作为js代码的记录,暂不打算写相关教程。 代码会在项目结束后公布。

自定义百度分享

自定义百度分享

网上教程太多,具体步骤不再一一叙述,仅提几个注意点,最后会提供源码下载,应该会很容易看懂。 演示页面仅提供自定义一个分享组件的演示效果,下载源码中包含两个分享组件的源码。

5月14日项目小结-获取与增加html节点

5月14日项目小结-获取与增加html节点

需要实现类似聊天的功能,找了半天没找到满意的,只好手动用最笨的方式通过在中添加相关节点实现。此处代码仅作为实现思路,若是照搬不保证最终实现样式。

自定义swiper动画之实现两段动画效果

自定义swiper动画之实现两段动画效果

Swiper(Swiper master)是目前应用较广泛的移动端网页触摸内容滑动js插件。但若是一个元素需要两个甚至多个动画等样式时,原本的动画特效便难以满足需求了,毕竟一个元素只能加一个特效,对于多余的,后者会把前者覆盖。 搜了好久解决办法,唯一有用的只有Swiper中文网论坛中的一句“只需要将两段动画在animate.css中的动画定义拼接起来即可。当然要修改行进轨迹,就是那个百分比啦”。 对于初次接触的小白来说,还是不太容易理解的。折腾了一段时间,偶然灵光一闪,体会到了其中的深刻含义,放于此处,与大家共享。 此处代码为向上渐入特效(fadeInUp)与晃动特效(shake)的结合。

JQ+CSS实现简单文字重组

JQ+CSS实现简单文字重组

这个主要是需要美工把需要重组的笔画切好,目前只能将项目中部分截出分享给大家了。 注:$(“#xixi”).css()中top、left等属性不可有小数点,不然会出现无法改变属性的效果。