WordPress中CSS3的过渡效果(transition)与动画效果(animation)
使用CSS去做一般是为了让不懂JS的设计人员也能实现动画效果, 但是这类效果一般使用JS脚本可以更灵活,也更好优化。 本站侧边栏的JV直达和JV外汇交易分类导航也采用了过渡,实现hover时导航逐渐淡化的效果。 下面是两种效果的说明及演示:...
使用CSS去做一般是为了让不懂JS的设计人员也能实现动画效果, 但是这类效果一般使用JS脚本可以更灵活,也更好优化。 本站侧边栏的JV直达和JV外汇交易分类导航也采用了过渡,实现hover时导航逐渐淡化的效果。 下面是两种效果的说明及演示:...
浏览页面的时候,把页面保存下来,便能看到这个页面含有的文件。 文件太多,会大大降低浏览速度。而WordPress的插件系统使得JS和CSS文件很多,所以,应当合并一下JS和CSS文件。 手动合并是一个方法,但是容易弄错,而且不太好修改。另一...
真正实现图片延迟载入,减轻页面载入压力 官方地址:https://www.appelsiini.net/projects/lazyload 一、准备一张1×1像素大小的白点图片,命名为image-pending.gif,(根据后缀,名字...
打开.htaccess文件加入以下代码,记得先备份。 #缓存下列类型文件,其中A600表示缓存到期时间为600秒 <IfModule mod_expires.c> ExpiresActive On ExpiresDefault ...
首先折叠短代码示例为 [ part title="模块标题" on="on"]折叠内容[/ part] 原主题折叠样式如图: 本站修改后折叠样式如图: 修改样式代码如下: .shortpart{ border:1px solid #bbb;...
首先需要一个JS如下: $(function() { $("a").each(function(b) {//这里是控制标签 if (this.title) { var c = this.title; //把title的赋给自定义属性 myT...
今天去掉了很多插件,其中 FloatingMenu 、Dynamic To Top 也省了。 力求插件功能用代码去替代。 没有插件,返回顶部就得用代码。上网搜了一下,太复杂,下面是一个最简单的方法。 准备好三样东西: 1、一段要加入到主题f...
目前使用的代码高亮(语法高亮)是Google Prettify,prettify.js,而早期一直在用Syntaxhighlighter,双击代码是可以全选的。另外,使用火狐貌似不支持点击直接复制的动作,所以打算在prettify上实现Sy...
由于某些原因你可能需要隐藏盒子的滚动条但又要它保持滚动效果。 百度找不到答案,谷歌或许你会找到。我就直接提供demo出来,运行代码来看效果吧。 有两种方法:大体思路是加一个外层div使用overflow:hidden对内层div进行遮蔽,而...
这次为大家送上一大批漂亮的bootstrap响应式按钮样式。扁平化的样式以及色彩,非常适合用在你的主题上,可以作为短代码加入编辑器随时调用。效果如下图: 按钮样式在下载的html中有注释字样–按钮css , 图标调用的是font...