yjxf8285@qq.com

Plugins/Tools

WordPress自带TinyMCE编辑器增强技巧大全

Posted By 刘晓帆 | 1,463 views

如果你使用了代码高亮插件或者其他此类插件的话,一定会遇到这样的问题,例如:
设置代码高亮的时候需要用短代码code或者pre,如果每次总是需要复制短代码,然后再修改,这样很真的麻烦,能否添加自定义的按钮呢?
答案当然是可以的,在WP3.3之前的版本我也曾经修改过,那时候要找到对应的JS文件然后再修改,其实也比较繁琐,不小心的话还容易把代码弄乱了。
好消息是现在的WP新版本对编辑器的定制提供了API接口这样我们修改起来就非常方便了:)下面就看一下如何修改吧,当然我还会提供一些添加按钮之外其他的一些设置方法……

Read More
  • WordPress自带TinyMCE编辑器增强技巧大全已关闭评论
  • over 4 years ago

HTML/CSS

IE6、7、8,火狐等浏览器常见兼容性问题整理

Posted By 刘晓帆 | 2,370 views

首先,浏览器兼容性的问题有很多,要在工作中不断总结,这里根本不可能说全,非常欢迎您用评论的方式帮我补充。
IE6能识别下划线”_”和星号” * “,IE7能识别星号” * “,但不能识别下划线”_”,IE8能识别” 9″,但不能识别下划线”_”,而firefox两个都不能认识,却可以识别‘!important’。等等
书写顺序,一般是将识别能力强的浏览器的CSS写在后面。下面列举常用的CSS hack方法:
1:!important
!important作用是提高指定样式规则的应用优先权。
IE7以及所有标准浏览器能识别!important
区别IE6与IE7与其他浏览器

.browserTest {
border:20px solid #60A179 !important;
border:20px solid #00F;
}

在Mozilla中或者IE7浏览时候,能够理解!important的优先级,因此显示#60A179的颜色:
在IE6中浏览时候,不能够理解!important的优先级,因此显示#00F的颜色:
2:*
IE都能识别*;标准浏览器(如火狐)不能识别*
区别IE与火狐

.browserTest {
border:20px solid #60A179;
*border:20px solid #00F;
}

区别IE7,IE6与火狐
.browserTest{
border:20px solid

Read More

HTML/CSS

HTML特殊符号对照表

Posted By 刘晓帆 | 4,316 views

这里整理了一些常用的HTML字符:

Read More

JavaScript

源生JS修改CSS的三种方式

Posted By 刘晓帆 | 2,112 views

这三种方式分别是:改变className、改变cssText、改变直接样式

Read More

JavaScript

自动识别图片数量的滑动动画展示

Posted By 刘晓帆 | 1,375 views

这段效果是徒弟写的,算法很简单,结构也简约。

Read More

JavaScript

图片伸缩效果

Posted By 刘晓帆 | 1,448 views

demo地址:http://www.liuxiaofan.com/demo/img_ss.html

Read More