手机网站之触屏焦点图插件:owlcarousel

公司建立手机网站,老潘参与了静态页面的切图以及一些简单的特效制作,在制作过程中,遇到了一个问题,手机网站上触摸并且响应式的焦点图,百般google才找到这个完美的东西owlcarousel

demo请移步:http://www.owlgraphic.com/owlcarousel/

引用方法:




$(document).ready(function() {

 $(“#owl-example”).owlCarousel();

});
调用

Via:http://leapsoul.com/mobile-touchscreen-focus-plug-in/

超棒的视觉效果jQuery插件 – FractionSlider

   应领导要求,在给公司做专题的时候,需要给专题加上slider里文字图片等的飞入飞出淡入淡出等效果,google之,发现FractionSlider ,DEMO请移步http://jacksbox.de/stuff/jquery-fractionslider/

   使用非常简单,先引入css和js,如下:



 

 

 
 

   需要使用动画的元素示例如下:

   调用FractionSlider插件

jQuery(window).load(function(){
 $(‘.slider’).fractionSlider();
});

   下载地址:https://github.com/jacksbox/jquery.fractionslider

   Via:http://leapsoul.com/great-parallax-effects-jquery-plugin-fractionslider/

WordPress搜索页面关键词加亮

function search_word_replace($buffer){
    if(is_search()){
        $arr = explode(" ", get_search_query());
        $arr = array_unique($arr);
        foreach($arr as $v)
            if($v)
                $buffer = preg_replace("/(".$v.")/i", "$1", $buffer);
    }
    return $buffer;
}
add_filter("the_title", "search_word_replace", 200);
add_filter("the_excerpt", "search_word_replace", 200);
add_filter("the_content", "search_word_replace", 200);

加载主题文件夹下的functions.php中,嵌套em标签,可以根据需要调整标签样式。Via: http://www.cmhello.com/wordpress-search-keyword-highlight.html