企鹅手机网幻灯片JQ代码

HTML代码:

  • 6000台企鹅F1
  • 打假
  • 企鹅F2
  • 企鹅F1

JQ插件代码:

(function($) {
    $.fn.slideImg = function(settings) {
        settings = jQuery.extend({
            speed: "normal",
            timer: 1000
        }, settings);
        return this.each(function() {
            $.fn.slideImg.scllor($(this), settings);
        });
    };
           
    $.fn.slideImg.scllor = function($this, settings) {
        var index = 0;
        var scllorer=$this.find(".img-box li");
        var size=scllorer.size();
        var slideH=scllorer.outerHeight();
                   
        var $selItem2=$("
",{"class":"transparent_class"}).appendTo($this); var $selItem=$("
",{ "class":"flash_item", html:function(){ var $selItemHTML=""; if(size==1){ return; }else if(size>1){ for(var i=0;i'+(i+1)+'':$selItemHTML+=''+(i+1)+''; } return $selItemHTML; } } }).appendTo($this); var li = $(".flash_item span"); var showBox = $(".img-box"); var intervalTime=null; li.hover(function() { var that=this; if (intervalTime) { clearInterval(intervalTime); } intervalTime = setTimeout(function() { index = li.index(that); ShowAD(index); }, 200); }, function() { clearInterval(intervalTime); interval(); }); showBox.hover(function() { if (intervalTime) { clearInterval(intervalTime); } }, function() { clearInterval(intervalTime); interval(); }); function interval(){ intervalTime = setInterval(function() { ShowAD(index); index++; if (index == size) { index = 0; } }, settings.timer); } interval(); var ShowAD = function(i) { showBox.animate({ "top": -i * slideH }, settings.speed); // showBox.children().eq(i).slideDown('normal'); // showBox.children().not(showBox.children().eq(i)).slideUp('normal'); $(".flash_item span").eq(i).addClass("on").siblings().removeClass("on"); }; }; })(jQuery);

启用插件JQ:

CSS样式:

.flash_img {
    POSITION: relative; WIDTH: 960px; HEIGHT: 640px; OVERFLOW: hidden; margin-left:auto; margin-right:auto
}
.flash_img .img-box {
    POSITION: absolute
}
.flash_img .img-box LI {
    PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
.transparent_class {
    /*POSITION: absolute; FILTER: alpha(opacity=30); WIDTH: 100%; BOTTOM: -1px; BACKGROUND: #000; HEIGHT: 42px; LEFT: 0px; -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3*/
}
.flash_item {
    POSITION: absolute; TEXT-ALIGN: center; BOTTOM: 40px; RIGHT: 40px
}
.flash_item SPAN {
    POSITION: relative; TEXT-ALIGN: center; LINE-HEIGHT: 15px; TEXT-INDENT: -9999px; MARGIN: 0px 0px 0px 8px; WIDTH: 15px; DISPLAY: block; BACKGROUND: #C1C1C1; FLOAT: left; HEIGHT: 15px; CURSOR: pointer
}
.flash_item SPAN.on {
    BACKGROUND: #ff9900; COLOR: #ffffff; FONT-WEIGHT: bold
}

OK!大功告成!

WordPress根据页面类型指定每页显示的文章数

WordPress每页显示的文章数在后台设置中指定,会应用到blog列表页(通常是首页)、搜索页、标签页、分类页以及时间索引页面,加入这些页面的结构不尽相同,例如有的显示标题和摘要,有的只显示标题,那么指定相同的页数就不适用于每个页面了。要根据页面类型指定每页显示文章数,需要写代码实现。

 

推荐的方法

修改每页显示的文章数也就是修改posts_per_page参数,将下面的代码放到functions.php中即可实现,代码来自WordPress Answers

function custom_posts_per_page($query){
    if(is_home()){
    $query->set('posts_per_page',8);//首页每页显示8篇文章
    }
    if(is_search()){
        $query->set('posts_per_page',-1);//搜索页显示所有匹配的文章,不分页
    }
    if(is_archive()){
        $query->set('posts_per_page',25);//archive每页显示25篇文章
}//endif
}//function
//this adds the function above to the 'pre_get_posts' action
add_action('pre_get_posts','custom_posts_per_page');

通过WordPress的条件标签,你可以任意扩展这段代码。

不推荐使用的方法

不推荐直接修改主题模板,例如在index.php主循环前用query_posts更改每页显示文章数目

query_posts( 'posts_per_page=5' );

缺点:

第一,增加查询次数

第二,灵活度不高,如果分类、标签有自己的模板,还需要到那些模板里重复query_posts的把戏。

第三,query_posts使用时需特别小心,如果忘记恢复全局变量,可能会出现莫名其妙的错误。

Via:http://www.solagirl.net/wordpress-different-number-of-posts-per-page.html

WordPress获取当前分类下的子分类

在企业网站中,点击根分类时,显示当前根分类下的子分类,这是个很常见的需求。大多cms也能实现这个功能。如果使用wordpress架构,可以吗?
答案是肯定的,wordpress也可以实现这样的功能。
其实主要用到wp_list_categorys()函数,该函数的child_of参数是一个数字,显示指定ID(也就是所填的这个数字)下的子分类。这样只要找到当前分类根分类的ID就可以显示了。

the_category_ID()用于显示当前页面的分类ID,默认是输出的,作为参数传递时,最好传入一个false参数,即the_category_ID(false)获取当前分类ID。
接着就是要获取当前分类的父ID,这个也是本文的重中之重。
扒了很多资料,也没找到直接可以实现的,不过通过一个函数,倒可以间接获取:

//获取当前分类下子分类
function get_category_root_id($cat)
{
$this_category = get_category($cat);   // 取得当前分类
while($this_category->category_parent) // 若当前分类有上级分类时,循环
{
$this_category = get_category($this_category->category_parent); // 将当前分类设为上级分类(往上爬)
}
return $this_category->term_id; // 返回根分类的id号
}

现在就万事具备了,我们就实现一下吧!

wp_list_categories("child_of=".get_category_root_id(the_category_ID(false)). "&depth=0&hide_empty=0&title_li=");

Via: wordpress获取当前分类下的子分类