• 欢迎访问乐趣公园网站,WordPress信息,WordPress教程,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站,欢迎加入乐趣公园 QQ群
  • Git主题现已支持PHP7版本,速度应该会提高不少,不过云落的网站本来就很快了,所以感觉不是太明显
  • 最新版Git主题已支持说说碎语功能,可像添加文章一样直接添加说说,新建说说页面即可,最后重新保存固定连接,演示地址
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏乐趣公园吧
  • 云落的淘宝店铺已经开张了哦,传送门:https://kimipet.taobao.com

标签:HTML

纯CSS制作一个非常简单的tip效果

我们在网页上有时会针对一些内容做详细说明,以便更友好的服务用户。最常见的是在网站上加个用户使用帮助,但是一般需要跳转页面。今天我给大家介绍只需将鼠标滑向一个小问号上,就会出现帮助提示信息的效果。前言其实本文要分享的就是我们常见到的提示信息工具 tooltip,它能够为我们的页面提供非常漂亮的提示信息,让内容更加……

HTML+CSS实现天狗食日的效果

最近无意中看到的一个比较好奇的天狗食日的特效,所以就转来看看代码……

为HTML网页里面添加页内锚文章目录

采用 HTML 自带功能,添加页内锚,添加文章目录,其实很简单前言前几天一直有朋友问,我的欲思主题的 faq 文章里面的文章目录是怎么做的,自己戳文章欲思主题常见问题与解答[非官方 FAQ]今天正好有空顺便说一下,其实很简单啦啦啦啦啦HTML 代码<a href="#m1"&g……

CSS绘制星星评分

今天是个特殊的日子,祝大家双节快乐,心想事成!^_^ 接下来给大家介绍一个纯CSS写的星星评分展示效果。主要是border的一个非常巧妙的实际运用,非常不错,很值得学习。先看下演示效果吧。……

Swipe JS – 移动WEB页面内容触摸滑动类库

想必做移动前端的同学经常会接到这样子的一个需求,就是在移动设备页面上的banner图能够用手指触摸左右或上下的滑动切换,这在移动设备是个很常见的一个效果,其用户体验远甚于点击一个按钮区域,通过手指的触摸操作也是移动设备的中一个特性,我们必须专业化的处理,哈哈。其实实现原理很简单,但平常中自己开发不是很方便。……

WordPress自定义文章类型的分页列表调用问题

曾经为大家介绍过如何在Wordpress中创建自定义文章类型 ,具体如何创建可以看看 – WORDPRESS自定义文章类型∶添加公告功能 。但最近在做一个项目的时候,发现自定义文章类型的分页列表(previous_posts_link、next_posts_link)却无法调用出来。回去认真检查了本站的公告……

CSS3创意样式按钮

今天为大家分享一些用css3写出来的创意样式按钮。这套按钮样式在鼠标经过时、点击时都有一些微妙的变换,包含一些简单css3过渡效果、动画效果以及javascript的辅助控制效果。在这套创意样式按钮当中,很多地方都是巧妙的使用了 :before和 :after等伪元素。……

时尚而简单的鼠标经过图标动画效果

今天就为大家分享一组时尚而简单的鼠标经过图标动画效果。主要的原理是当经过图标或触发其伪元素时,利用css的transitions和animations属性,来实现的一些互动动画效果。在此之前,本站也介绍了很多css伪元素的文章,如:动画条纹边框、伪元素的多重选择、制作时尚焦点图相框等等。……

响应式多级菜单

今天要跟大家分享的是一个流体布局的下拉菜单。主要的设计思路是:在菜单中往往会有很多内容或者有多个层次的子菜单,为了更加简洁和节省空间,在这个下拉菜单中将每个子菜单都隐藏在一个主导航按钮下方,当点击的时候通过细微的动画显示出来;当再次点击层级菜单时,可以再次以不同形式的动画展示下一级菜单。因为此菜单是流体布局的,所以可以……

创意CSS3头像展示

今天就为大家分享一个非常有创意的CSS3头像展示效果,交互性强,是一个基于css3和js来实现的,代码量不多,但是最终的效果却很让人赞叹,所以特别推荐给大家。其中关于本示例的一些css样式呈现,个人认为还有很大的发挥空间,例如鼠标经过的时候而不是切换成一个背景色和文字,而是替换成其他的相关图片(例如改为人物的其他表情)……

Canvas的一花一木

这段时间都在接触HTML5 Canvas这个绘制图形元素,也搜集了不少这方面的知识,发现有一篇文章写的非常不错,对Canvas讲解的非常清楚,阅读后个人感觉非常有帮助,故把他转载到本站,以便参考。……

HTML5+CSS3城市场景动画

最近一直在研究HTML5的动画表现,特别是在移动设备上的呈现。在上一篇文章《盛开的CSS3梦幻荷花》中提到如何用css3制作丰富动画效果的两个思路,当然除此之外,结合使用javascript脚本语言将可以实现更加强大的动画效果以及交互动作。……

盛开的CSS3梦幻荷花

这是一个利用css3制作的动画,众所周知,用css3制作动画可以用Animation和transform属性来实现。我们通过官方的介绍,都大概的了解这两个属性,但展示出来的动画示例大都是比较简单的;在之前的一篇文章也提到了这一点《REQUESTANIMATIONFRAME制作动画:旋转风车》。那对于比较丰富复杂的动画,……

CSS3闪烁跳跃的进度条

之前为大家分享过一篇关于css3进度条的一篇文章《实现CSS3动态进度条及JQUERY百分比数字显示》,今天为大家带来另一款更具个性化的进度条:CSS3闪烁跳跃的进度条。……